I.1 Lịch sử:
Ngôn ngữ HTML hay các ngôn ngữ đánh dấu khác (markup language) dùng để trình bày,
định dạng trang web đều có những hạn chế nhất định, bên cạnh đó các nhà sản xuất trình duyệt có những thẻ độc quyền, một trang web có thể có những thể hiện khác nhau trên các trình duyệt khác nhau, do vậy HTML đã phát triển đến phiên bản 4.01 và không bổ sung thêm; thay vào đó, với mục
đích bảo vệ sự tính phổ cập của HTML, đồng thời vẫn cho phép các nhà thiết kế nhiều quyền điều chỉnh hơn đối với hình thức trang web, từ năm 1994 W3C (theo http://www.w3.org/Style/) đã nghiên cứu thêm một số ngôn ngữ bổ trợ khác kết hợp với ngôn ngữ đánh dấu cho mục đích thể hiện trên trang web được thuận lợi, sinh động hơn. Các ngôn ngữ bổ trợ này là CSS (Cascading Style Sheets), XSL (eXtensible StyleSheets Language) v.v..
Thuật ngữstyle sheet, có nghĩa là một khuôn mẫu (template) áp dụng cho một tư liệu HTML
để quy định sự hiển thị tư liệu này như thế nào trong trình duyệt bằng cách ấn định giá trị cho vài
thuộc tính tới tất cả các phần tử trong trang web cùng một lúc. Do vậy, sử dụng CSS cho phép người thiết kế tách biệt nội dung trang web và định dạng của nó.
Các mức của CSS:
- CSS level 1 (CSS1), xây dựng năm 1996, xác định các thuộc tính về định dạng văn bản trong trang web.
- CSS level 2 (CSS2), xây dựng năm 1999, bao hàm CSS1 và các thuộc tính về định vị các
đối tượng trong trang web.
- CSS level 3 (CSS3), đang được xây dựng từ năm 2003 bao hàm CSS2 và các thuộc tính về
multimedia.
I.2. Những thuận lợi và trở ngại khi sử dụng CSS:
Thuận lợi:
- Tiết kiệm thời gian trong việc định dạng hoặc hiệu chỉnh định dạng trang web do đặc tính ấn định
giá trị cho vài thuộc tính tới tất cả các phần tử trong trang web cùng một lúc và tính chất tách biệt nội dung và định dạng.
- Kiểu dáng dễ dàng thay đổi, thay vì thay đổi các thuộc tính các thẻ một cách thủ công tại nhiều nơi trong tư liệu HTML thì chúng ta chỉ thay đổi ở một nơi duy nhất là phần định dạng bằng CSS (bằng cách nhúng hay liên kết, sẽ trình bày ở các phần sau)
- Cho phép tạo một số hiệu ứng mà HTML không làm được, ta có thể sử dụng CSS với JavaScript
để tạo nên những hiệu ứng động trên trang web (mà IE gọi là DHTML).
- Sử dụng CSS cho phép người sử dụng tải trang web nhanh hơn trong trường hợp dùng bảng kiểu liên kết, do tệp tin CSS đã được tải nên trong các trang web tải lần sau trong cùng một website trình duyệt chỉ cần tải phần nội dung.
Trở ngại:
- Không phải tất cả trình duyệt nào cũng hỗ trợđầy đủ CSS, theo W3C thì trình duyệt Opera hỗ trợ
CSS tốt nhất.
- CSS luôn luôn được cập nhật, do vậy người thiết kế Web phải dành nhiều thời gian để cập nhật, nghiên cứu mới có thể sử dụng tốt.