Tác dụng của CSS

Rửa sạch dữ liệu và trình bày
Bằng cách sử dụng CSS để tách rời hoàn toàn nội dung khỏi bản trình bày, việc thay đổi bố cục của một trang là đơn giản. Nó là tầm thường để thiết kế lại sự xuất hiện của một trang web, hoặc để cung cấp stylesheets thay thế. Như minh họa cho điều này, liên kết “Thay đổi Stylesheet” ở trên (không được hiển thị trong Netscape 4) sẽ thay đổi biểu định kiểu của trang này (không được hỗ trợ trong Opera). Lưu ý rằng bạn không tải xuống một trang mới, URL trong thanh địa chỉ của trình duyệt giống nhau trước và sau. Tất cả những thay đổi đó là CSS stylesheet được áp dụng cho một và cùng một trang. Việc đặt một cookie đơn giản là để biểu định kiểu ưa thích của bạn sẽ được ghi nhớ vào lần tiếp theo bạn truy cập vào trang này hoặc để đặt sở thích của bạn cho toàn bộ trang web. Bằng cách sử dụng CSS và không đánh dấu các trang kiểu, bạn có thể sử dụng sức mạnh của đánh dấu để làm những gì nó được dành cho: để nắm bắt cấu trúc hợp lý của dữ liệu của bạn.

Hiệu ứng Động Nếu không có Javascript
CSS cho phép tạo các hiệu ứng động như làm nổi bật hoặc thay đổi các yếu tố khi con trỏ chuột di chuột qua chúng, và làm cho các nội dung không nhìn thấy trước đó như hộp “pop-up” xuất hiện khi con trỏ chuột qua các liên kết ảnh chụp màn hình (không Được hỗ trợ trong Opera). Tương tự, CSS cho phép chúng tôi thay đổi logo DZR nào được hiển thị ở góc trên cùng bên trái của trang trong chủ đề “nghiêm trọng” và trong chủ đề “vui tươi” và để thay đổi liên kết kiểu dáng được hiển thị sau “Thay đổi Biểu định kiểu:” ở trên (không Được hiển thị trong Netscape 4). Trước đây những hiệu ứng này chỉ có thể đạt được thông qua javascript. Các hiệu ứng động trên trang này được viết hoàn toàn bằng CSS – không có javascript nào có liên quan.

Không có Table hoặc Khung
Nhiều nhà thiết kế trang web tiếp tục nhấn mạnh rằng việc sử dụng đánh dấu, chẳng hạn như bảng và bộ khung, cho các trang bố trí là điều cần thiết vì không có cách nào khác để đạt được các loại thiết kế phức tạp mà khách hàng yêu cầu. Trang này chứng tỏ rằng đó chỉ là sai. Trong các trình duyệt hỗ trợ định vị cố định logo, tiêu đề và thanh bên trên màn hình vẫn cố định ở vị trí trong khi phần còn lại của trang cuộn, do đó không cần thiết khung, trong khi trong các trình duyệt không hỗ trợ định vị cố định (IE trên Windows), tính năng này giảm một cách duyên dáng Và trang như một toàn bộ vô hại cuộn. Tương tự, không có bảng nào được sử dụng để đạt được bố cục nhiều cột, thậm chí cả Netscape 4 thực hiện công việc hợp lý để hiển thị chính xác. Thiết kế dựa trên bảng và khung thường làm cho các trang không thể truy cập được đối với người dùng thiết bị di động, bảng điều khiển chỉ văn bản và các robot của công cụ tìm kiếm. Trang này không sử dụng gì ngoài việc đánh dấu cấu trúc logic, được sử dụng kết hợp với CSS.