1.1 Lịch sử CSS
Cascading Style Sheets (CSS), hay còn gọi là Bảng kiểu xếp chồng, là một trong những thành phần chính của phát triển web, chịu trách nhiệm cho việc trình bày trực quan của các trang web. Lịch sử CSS bắt đầu vào giữa những năm 90, khi nhu cầu tách biệt cấu trúc và kiểu dáng của các trang web trở nên rõ ràng.
Những ngày đầu của Internet
Vào đầu những năm 90, khi Internet mới bắt đầu trở nên phổ biến, các trang web được tạo ra bằng cách sử dụng
HTML, định nghĩa cả cấu trúc và kiểu dáng. Các nhà thiết kế web chèn kiểu dáng trực tiếp vào mã HTML,
sử dụng thuộc tính trong thẻ <font> và <center>. Điều này dẫn đến việc tạo ra
các trang web cồng kềnh và khó bảo trì.
Sự ra đời của CSS
Năm 1994, Håkon Wium Lie, làm việc tại Trung tâm nghiên cứu hạt nhân châu Âu (CERN), đã đề xuất khái niệm CSS. Ông hiểu rằng các trang web cần một cách chuẩn hóa để trình bày, không phụ thuộc vào HTML. Tim Berners-Lee, người sáng lập ra World Wide Web, đã ủng hộ ý tưởng này.
Tiêu chuẩn hóa
Vào tháng 12 năm 1996, W3C (World Wide Web Consortium) đã công bố đặc tả CSS đầu tiên, được gọi là CSS1. Đây là bước đầu tiên để tách cấu trúc của trang web khỏi kiểu dáng của nó. CSS1 bao gồm các kiểu dáng cơ bản cho văn bản, phông chữ, màu sắc và căn chỉnh, nhưng khả năng của nó còn hạn chế.
Đồng thời, CSS1 đã đặt nền tảng cho sự phát triển tương lai của thiết kế web. Nó cung cấp cho các lập trình viên khả năng quản lý màu sắc văn bản, nền, kiểu chữ và căn chỉnh các thành phần trên trang web. Đây là một bước tiến lớn, nhưng vẫn còn những giới hạn và hạn chế lớn trong CSS1.
1.2 Sự tiến hóa của CSS
CSS2: Mở rộng khả năng
Năm 1998, chỉ sau hai năm phát hành CSS1, W3C đã phát hành đặc tả CSS2. Nó mở rộng đáng kể khả năng của CSS1, thêm các chức năng và cải tiến mới như định vị tuyệt đối và tương đối, chỉ số Z, kiểu truyền thông và cách phối bảng.
CSS2 đã trở thành một bước tiến quan trọng, cung cấp nhiều công cụ hơn cho các lập trình viên để tạo ra các bố cục phức tạp hơn và quản lý kiểu dáng cải tiến hơn.
CSS2.1: Sửa chữa và cải tiến
Mặc dù có những cải tiến trong CSS2, các lập trình viên đã gặp phải các vấn đề liên quan đến thực thi và tương thích. Để giải quyết những vấn đề này, bản đặc tả CSS2.1 đã được phát hành vào năm 2004. Nó bao gồm việc sửa lỗi và cải tiến, đảm bảo một nền tảng ổn định và đáng tin cậy hơn cho thiết kế web.
CSS2.1 đã trở thành tiêu chuẩn de facto mà các lập trình viên có thể dựa vào khi tạo các trang web.
CSS3: Cách tiếp cận mô-đun
CSS3 đã trở thành một đột phá thực sự trong phát triển web. Không giống như các phiên bản trước đó, CSS3 được phát triển như một hệ thống mô-đun. Điều này có nghĩa là các phần khác nhau của CSS có thể phát triển độc lập với nhau, điều này giúp tăng tốc quá trình phát triển và triển khai các tính năng mới.
CSS3 mang lại nhiều tính năng mới, như animations, transitions, gradients, media queries, Flexbox và Grid Layout. Những cải tiến này đã giúp có thể tạo ra các trang web phức tạp, tương tác và đáp ứng.
Tình trạng hiện đại của CSS: Living Standard
CSS hiện đại tiếp tục phát triển theo hướng mô-đun, điều này cho phép thích ứng nhanh chóng với những thay đổi trong công nghệ web và nhu cầu của lập trình viên. Các mô-đun như CSS Grid Layout, CSS Custom Properties (biến) và CSS Houdini, cung cấp những khả năng mới cho việc tạo ra các thiết kế web linh hoạt và mạnh mẽ.
1.3 Nguyên tắc cơ bản của CSS
CSS được xây dựng dựa trên ba nguyên tắc chính: cascading (xếp chồng), inheritance (kế thừa) và specificity (sự cụ thể).
- Cascading (Xếp chồng): quy tắc áp dụng theo thứ tự định nghĩa. Nếu nhiều quy tắc xung đột, quy tắc cuối cùng trong mã có ưu tiên
- Inheritance (Kế thừa): một số thuộc tính được kế thừa từ các phần tử mẹ đến phần tử con. Ví dụ, màu sắc văn bản và họ phông chữ
- Specificity (Sự cụ thể): quy tắc với mức độ cụ thể cao hơn có ưu tiên. Sự cụ thể được tính toán dựa trên các selector
CSS đã trải qua một chặng đường dài kể từ khi được tạo ra vào năm 1994. Từ một công cụ đơn giản để tạo kiểu dáng văn bản và nền đến một ngôn ngữ mạnh mẽ cho việc tạo ra các bố cục và hoạt hình phức tạp, CSS đã trở thành một công cụ không thể thiếu trong phát triển web.
Cấu trúc mô-đun của nó cho phép các tiêu chuẩn web nhanh chóng tiến hóa và thích ứng với các yêu cầu mới, làm cho Internet trở nên đẹp hơn và dễ sử dụng hơn cho người dùng. Hiểu biết về lịch sử và sự tiến hóa của CSS giúp hiểu rõ hơn về cách và lý do tại sao các kỹ thuật và tiêu chuẩn hiện đại được sử dụng trong thiết kế web.
GO TO FULL VERSION