Cascading Style Sheet 1 Cascading Style Sheet Bài giảng CSS CSS 2 Trang trí nội thấtTrang trí nội thất Trang điểmTrang điểm CSSCSS Xây dựngXây dựng Con ngườiCon người WebWeb CSS 3 CSS là mẫu định dạn[.]
Cascading Style Sheet Bài giảng CSS CSS Trang Trang trí trí nội nội thất thất Xây Xây dựng dựng Con Con người người Trang Trang điểm điểm Web Web CSS CSS CSS CSS mẫu định dạng phân tầng CSS chuẩn để định dạng tài liệu HTML, XHTML XML CSS mở rộng ngôn ngữ HTML truyền thống với 70 thuộc tính kiểu dáng áp dụng cho thẻ HTML Giúp nhà thiết kế web có thêm lựa chọn màu sắc, khoảng cách, vị trí, biên, lề… CSS CSS phá bỏ rào cản HTML cách cho phép có nhiều đặc tả thuộc tính chuẩn để phục vụ cho việc dàn trang định dạng Thuộc tính CSS bổ sung vào HTML không phá vỡ cấu trúc HTML sẵn có CSS làm tăng quán định dạng hiệu tải trang web Tập tin CSS tải lần truy cập trang web CSS Ba cách áp dụng CSS tài liệu Inline style Sử dụng thuộc tính style thẻ để định dạng Internal style sheet (Embbed) Định nghĩa style bên tài liệu External style sheet (Linked) Liên kết đến tập tin *.css chứa toàn style sử dụng tài liệu Áp dụng CSS vào trang HTML Inline style: cách dùng style câu lệnh, bổ sung thêm thuộc tính style vào sau phần tử HTML Nội dung Màu xanh nước biển. Áp dụng CSS vào trang HTML Một inline style áp dụng cho thẻ có tác dụng thẻ đó! Dùng inline style làm cho tài liệu rõ ràng hơn, dẫn đến việc viết mã nhiều thiếu quán toàn site! Làm cho mã nguồn bị dư thừa, khó bảo trì! Áp dụng CSS vào trang HTML Internal style sheet: Áp dụng thống cho toàn trang web Định nghĩa riêng khối, phân biệt thẻ đượ đặt phần head tài liệu Khối tập style rule (quy tắc kiểu dáng), quy tắc định nghĩa style cho phần tử hay nhóm phần tử HTML Áp dụng CSS vào trang HTML b { text-transform:lowercase; font-size:18px } p { border: silver thick solid; backgroundcolor:pink }đoạn văn có viền màu bạc - CHữ THường ĐậM
Áp dụng CSS vào trang HTML External style sheet Áp dụng cho toàn site Tạo tập tin có phần mở rộng *.css bên ngồi HTML, sử dụng thẻ phần để liên kết tập tin HTML Các style rule chứa riêng biệt file *.css hoạt động tương tự internal style sheet 10