Lập trình và Thiếtkế Web 1 – Bài 4 :CSS – Casscading Styte Sheet © 2007 Khoa CNTT - ĐHKHTN Selector Selector trong trong CSS CSS Loại Mô tả phạmvi ảnh hưởng Ví dụ element Định dạng áp dụng cho ND tấtcả các tag Element trong tài liệuWeb h1 {color: red;} /* ND củathẻ <h1> bịđịnh dạng màu chữ=đỏ */ #id Định dạng áp dụng cho ND tấtcả các tab có thuộctínhid trong tà liệuWeb #test {color: green;} /* ND củabấtkỳ tag có thuộc tính id=test đềubị định dạng màu chữ=xanh lá */ .class Định dạng áp dụng cho ND tấtcả các tab có thuộctínhclass trong tà liệuWeb .note {color: yellow;} /* ND củabấtkỳ tag có thuộc tính class=note đều bịđịnh dạng màu chữ=vàng*/ element . class Định dạng áp dụng cho ND các tag Element có thuộctínhclass tương ứng h1.note {text-decoration: underline;} /* ND củacácthẻ <h1> có thuộc tính class=note đềubịđịnh dạng gạch chân */ Grouping Định dạng áp dụng cho ND một nhóm các tag trong tài liệu. h1,h2,h3 {background-color: orange;} /* ND củacácthẻ <h1> <h2> <h3> đềubịđịnh dạng màu nền= màucam */ Contextual Định dạng áp dụng cho ND các thẻđược lồng trong mộtthẻ cha nào đó p strong {color: purple;} /* ND củacácthẻ <strong> nằmtrongthẻ <p> đều bịđịnh dạng màu chữ=màu tía */ Pseudo Class Pseudo element Định dạng đượcápdụng dựavàotrạng thái của các Element. (Không xuấthiện trong mã lệnh HTML) Lập trình và Thiếtkế Web 1 – Bài 4 :CSS – Casscading Styte Sheet © 2007 Khoa CNTT - ĐHKHTN Selector Selector trong trong CSS CSS – – Pseudo Class Pseudo Class Định dạng dựavàotrạng thái củaliênkết, sự kiệnchuột. Có thể kếthợpvới Selector khác. Lập trình và Thiếtkế Web 1 © 2007 Khoa Công nghệ thông tin Khoa Khoa CNTT CNTT – – ĐH ĐH .KHTN .KHTN Bài 3 Thi Thi ế ế t t k k ế ế trang trang Web Web – – HTML HTML Căn Că n b b ả ả n n Lương Vĩ Minh Lập trình và Thiếtkế Web 1 – Bài 3 : Thiếtkế trang Web – HTML Cănbản © 2007 Khoa CNTT - ĐHKHTN N N ộ ộ i i dung dung Giớithiệuvề HTML Cấutrúccủa 1 tài liệuHTML Các Tag cơ bản Các Tag danh sách Tag liên kếttrang Tag kẻ bảng Lập trình và Thiếtkế Web 1 – Bài 3 : Thiếtkế trang Web – HTML Cănbản © 2007 Khoa CNTT - ĐHKHTN N N ộ ộ i i dung dung Giớithiệuvề HTML Cấutrúccủa 1 tài liệuHTML Các Tag cơ bản Các Tag danh sách Tag liên kếttrang Tag kẻ bảng . <p> đều bịđịnh dạng màu chữ=màu tía */ Pseudo Class Pseudo element Định dạng đượcápdụng dựavàotrạng thái của các Element. (Không xuấthiện trong mã lệnh HTML) Lập trình và Thiếtkế Web 1 –. ĐH .KHTN .KHTN Bài 3 Thi Thi ế ế t t k k ế ế trang trang Web Web – – HTML HTML Căn Că n b b ả ả n n Lương Vĩ Minh Lập trình và Thiếtkế Web 1 – Bài 3 : Thiếtkế trang Web – HTML Cănbản © 2007 Khoa CNTT - ĐHKHTN N N ộ ộ i i dung dung . CSS – – Pseudo Class Pseudo Class Định dạng dựavàotrạng thái củaliênkết, sự kiệnchuột. Có thể kếthợpvới Selector khác. Lập trình và Thiếtkế Web 1 © 2007 Khoa Công nghệ thông tin Khoa Khoa CNTT