Đối với dân lập trình, dân tối ưu Website, thậm chí đối với những content-er hiện nay cũng rất quen thuộc với thuật ngữ CSS. Tất cả họ đều thường xuyên được tiếp xúc, tuy nhiên không phải ai cũng dễ dàng định nghĩa được CSS là gì, chúng được hình thành và phát triển như thế nào?

Thuật ngữ CSS là gì?

CSS là chữ viết tắt của Cascading Style Sheets, có nghĩa là các tập tin định kiểu theo tầng. CSS là thuật ngữ được sử dụng để mô tả các kiểu có thể sử dụng lại để trình bày các tài liệu được viết bằng ngôn ngữ đánh dấu. Khái niệm của nó được bắt nguồn bởi Håkon Wium Lie vào năm 1994. Vào tháng 12 năm 1996, CSS đã được W3C tạo ra một đặc tả và ngày nay cho phép các nhà phát triển web thay đổi bố cục và diện mạo của các trang web.

Trong khi HTML, CSS được sử dụng để cấu trúc một tài liệu web như xác định tiêu đề và đoạn văn bản và cho phép bạn nhúng hình ảnh, video và phương tiện khác. Hãy hình dung theo ẩn dụ sau: Mỗi một ngôi nhà đều có nền móng, giữa những ngôi nhà có nhiều điểm khác biệt, tương tự hãy nghĩ rằng HTML là nền tảng và CSS là sự lựa chọn thẩm mỹ (có một sự khác biệt lớn giữa một biệt thự thời Victoria và hiện tại).

CSS có thể được sử dụng để thay đổi phông chữ được sử dụng trong một số phần tử HTML nhất định , cũng như kích thước và màu sắc của nó. Một tệp CSS có thể được liên kết với nhiều trang, cho phép nhà phát triển thay đổi giao diện của tất cả các trang cùng một lúc.

Lịch sử hình thành CSS

CSS lần đầu tiên được đề xuất bởi Håkon Wium Lie vào ngày 10 tháng 10 năm 1994. Vào thời điểm đó, Lie đang làm việc với Tim Berners-Lee tại CERN. Một số ngôn ngữ định kiểu khác cho web đã được đề xuất cùng lúc và các cuộc thảo luận về danh sách gửi thư cộng đồng cũng như đồng thuận trong World Wide Web Consortium dẫn đến CSS W3C đầu tiên (CSS1) được phát hành vào năm 1996. Đặc biệt, một đề nghị của Bert Bos có ảnh hưởng hơn đó là ông trở thành đồng tác giả của CSS1 và được coi là đồng sáng tạo CSS.

Tập tin định kiểu theo tầng đã tồn tại ở dạng này hay dạng khác kể từ khi bắt đầu Ngôn ngữ đánh dấu tổng quát tiêu chuẩn (SGML -Standard Generalized Markup Language) vào những năm 1980 và CSS được phát triển để cung cấp biểu định kiểu cho web. Một yêu cầu đối với ngôn ngữ biểu định kiểu web là nó đến từ các nguồn khác nhau trên web. Do đó, các ngôn ngữ biểu định kiểu hiện có như DSSSL và FOSI không phù hợp. Mặt khác, CSS để cho kiểu của tài liệu bị ảnh hưởng bởi nhiều biểu định kiểu theo kiểu “cascading”

Khi HTML phát triển, nó đã bao gồm nhiều phong cách hơn để đáp ứng nhu cầu của các nhà phát triển web. Sự phát triển này đã cho nhà thiết kế kiểm soát nhiều hơn về diện mạo trang web. Một điều nữa đó là chi phí HTML phức tạp hơn. Sự khác biệt trong việc triển khai trình duyệt web, chẳng hạn như ViolaWWW và WorldWideWeb, khiến giao diện trang web nhất quán trở nên khó khăn và người dùng ít kiểm soát hơn cách hiển thị nội dung web.

Các phiên bản của CSS

CSS kề từ lúc hình thành đến nay có nhiều phiên bản khác nhau, càng phiên bản mới càng có thêm nhiều tính năng, và nếu có bất kỳ lỗi nào cũng sẽ được fix gọn gàng.

Phiên bản CSS 1

CSS đầu tiên để trở thành Khuyến nghị chính thức của W3C là CSS cấp 1, được xuất bản vào ngày 17 tháng 12 năm 1996. Håkon Wium Lie và Bert Bos được ghi nhận là nhà phát triển ban đầu. Nó có những đặc điểm như:

• Có thuộc tính phông chữ như: kiểu chữ và nhấn mạnh chữ
• Tùy chỉnh được màu của văn bản, hình nền và các yếu tố khác
• Các thuộc tính văn bản như khoảng cách giữa các từ, chữ cái và dòng văn bản
• Có thể linh hoạt sắp xếp văn bản, hình ảnh, bảng
• Có thể căn lề, viền, đệm và định vị cho hầu hết các yếu tố
• Nhận dạng duy nhất và phân loại chung các nhóm thuộc tính

Lưu ý: Hiện nay W3C không còn khuyến nghị duy trì CSS 1 nữa.

Phiên bản CSS 2

CSS cấp 2 được W3C phát triển vào tháng 5 năm 1998. Nó là phiên bản nâng cấp từ CSS1, ngoài ra CSS 2 còn bao gồm một số khả năng mới như định vị tuyệt đối, tương đối và cố định các yếu tố và chỉ mục z, khái niệm về các loại phương tiện, hỗ trợ cho các biểu định kiểu âm thanh và văn bản hai chiều cũng các thuộc tính phông chữ mới.

Css 2.1 được nâng cấp, sửa lỗi loại bỏ những tính năng kém hoặc không tương thích đầy đủ cho người dùng. Trong khoảng thời gian từ năm 2004 đến 2010 chúng được sửa đổi liên tục. Cuối cùng, CSS 2.1 đã đi đến Đề xuất được đề xuất vào ngày 12 tháng 4 năm 2011 và chỉ 2 tháng sau nó đã được đưa đến người dùng một lần nữa.

Lưu ý: Hiện nay W3C không còn khuyến nghị duy trì CSS 2 nữa.

Phiên bản CSS 3

Không giống như CSS 2, một đặc điểm kỹ thuật đơn lớn xác định các tính năng khác nhau, CSS 3 được chia thành nhiều tài liệu riêng biệt gọi là “mô-đun”. Mỗi mô-đun thêm các khả năng mới hoặc mở rộng các tính năng được xác định trong CSS 2, duy trì khả năng tương thích ngược. Bản nháp CSS 3 sớm nhất đã được xuất bản vào tháng 6 năm 1999. CSS3 là phiên bản CSS (Cascading Style Sheets) thay thế CSS2 . Nó giới thiệu các bộ chọn và thuộc tính mới cho phép linh hoạt hơn với bố cục và trình bày trang. Một số cập nhật, chẳng hạn như thuộc tính bóng hộp (cho phép thêm bóng đổ vào một phần tử), cho phép áp dụng hiệu ứng hình ảnh mà không cần tạo hình ảnh đặc biệt.

Phiên bản CSS 4

CSS 4 không có đặc điểm kỹ thuật tích hợp duy nhất vì nó được chia thành các mô đun riêng biệt. Vì CSS3 chia định nghĩa của ngôn ngữ CSS thành các mô-đun, nên các mô-đun đã được phép cấp độc lập. Hầu hết các mô-đun là cấp 3, họ xây dựng dựa trên những thứ từ CSS 2.1. Một vài mô-đun cấp 4 tồn tại (chẳng hạn như Giá trị hình ảnh, hình nền, dựa trên chức năng của mô-đun cấp 3 trước đó. Các mô-đun khác xác định chức năng hoàn toàn mới như Flexbox.

Nhìn chung, đối với những người theo đuổi quá trình lập trình web. Dù quá trình phát triển và độ phổ biến của nó như thế nào thì CSS vẫn là công nghệ nền tảng của World Wide Web bên cạnh HTML và JavaScript.