Lập trình và Thiếtkế Web 1 – Bài 4 :CSS – Casscading Styte Sheet © 2007 Khoa CNTT - ĐHKHTN S S ử ử d d ụ ụ ng ng v v à à Phân Phân lo lo ạ ạ i i CSS CSS – – So So s s á á nh nh , , Đ Đ á á nh nh gi gi á á Inline Style Sheet Embedding Style Sheet External Style Sheet Khai báo Kiểu1 Kiểu2 Kiểu2 Cú pháp <p style=“color:red;”> Test </p> <style type=“text/css”> .TieuDe1{color: red;} </style> <p class=“TieuDe1”> Test </p> <link rel=“stylesheet “ href=“main.css”/> <p class=“TieuDe1”> Test </p> Ưu điểm •Dễ dàng quản lý Style theo từng tag củatàiliệu web. •Cóđộ ưutiêncaonhất •Dễ dàng quản lý Style theo từng tài liệuweb. • Không cầntải thêm các trang thông tin khác cho style •Cóthể thiếtlập Style cho nhiềutàiliệuweb. • Thông tin các Style được trình duyệtcache lại Khuyết điểm •Cầnphải Khai báo lại thông tin style trong từng tài liệuWeb vàcáctàiliệu khác mộtcáchthủ công. •Khócậpnhậtstyle •Cầnphải khai báo lại thông tin style cho các tài liệu khác trong mỗilầnsử dụng •Tốnthời gian download file *.css và làm chậmquátrình biên dịch web ở trình duyệt trong lần đầusử dụng Lập trình và Thiếtkế Web 1 – Bài 4 :CSS – Casscading Styte Sheet © 2007 Khoa CNTT - ĐHKHTN S S ử ử d d ụ ụ ng ng v v à à Phân Phân lo lo ạ ạ i i CSS CSS – – Đ Đ ộ ộ ưu ư u tiên tiên Thứ tựưutiênápdụng định dạng khi sử dụng các loại CSS (độ ưutiêngiảmdần) : 1. Inline Style Sheet 2. Embedding Style Sheet 3. External Style Sheet 4. Browser Default Lập trình và Thiếtkế Web 1 – Bài 4 :CSS – Casscading Styte Sheet © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiếtkế Web 1 – Bài 4 :CSS – Casscading Styte Sheet © 2007 Khoa CNTT - ĐHKHTN N N ộ ộ i i dung dung GiớithiệuCSS Định nghĩaStyle Sử dụng và Phân loạiCSS Selector trong CSS và phạmvi ảnh hưởng Lập trình và Thiếtkế Web 1 – Bài 4 :CSS – Casscading Styte Sheet © 2007 Khoa CNTT - ĐHKHTN Selector Selector Là tên 1 style tương ứng vớimộtthành phần được áp dụng định dạng Cácdạng selectors HTML element selectors Class selectors ID selectors Ví dụ: .TieuDe1 { color: red; font-family: Verdana, sans-serif; } <h1 class=“TieuDe1”> DHKHTN </h1> . các tài liệu khác trong mỗilầnsử dụng •Tốnthời gian download file *.css và làm chậmqu trình biên dịch web ở trình duyệt trong lần đầusử dụng Lập trình và Thiếtkế Web 1 – Bài 4 :CSS – Casscading. trong CSS và phạmvi ảnh hưởng Lập trình và Thiếtkế Web 1 – Bài 4 :CSS – Casscading Styte Sheet © 2007 Khoa CNTT - ĐHKHTN Selector Selector Là tên 1 style tương ứng vớimộtthành phần được áp dụng. Khoa CNTT - ĐHKHTN Lập trình và Thiếtkế Web 1 – Bài 4 :CSS – Casscading Styte Sheet © 2007 Khoa CNTT - ĐHKHTN N N ộ ộ i i dung dung GiớithiệuCSS Định nghĩaStyle Sử dụng và Phân loạiCSS