Bài giảng Lập trình web: Cascading Style Sheet - Trần Phước Tuấn

Cascading Style Sheet (CSS) là một chương trình dùng để mô tả cách hiển thị các thành phần trên trang web. Trong chương này, chúng ta sẽ cùng tìm hiểu về CSS thông qua một số nội dung như: Giới thiệu về CSS, định nghĩa style, phân loại và sử dụng CSS, Selector trong CSS,... Mời các bạn cùng tham khảo.
Nội dung trích xuất từ tài liệu:
Bài giảng Lập trình web: Cascading Style Sheet - Trần Phước Tuấn Cascading Style Sheet Trần Phước Tuấn tranphuoctuan.khoatoan.dhsp@gmail.com ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC Nội dung 1. Giới thiệu 2. Định nghĩa style 3. Phân loại và sử dụng 4. Selector trong CSS 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 2 ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 1. Giới thiệu § CSS = Cascading Style Sheet § Dùng để mô tả cách hiển thị các thành phần trên trang WEB § Sử dụng tương tự như dạng TEMPLATE § Có thể sử dụng lại cho các trang web khác § Có thể thay đổi thuộc tính từng trang hoặc cả site nhanh chóng (cascading) 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 3 ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 2. Định nghĩa Style .SelectorName { … … SelectorName{ Cú pháp ghi chú: /* … */ property1: value1;/*Ghichu1*/ /* Đây là ghi chú */ property2: value2;/*Ghichu2*/ } 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 4 ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 2. Định nghĩa Style Ví dụ 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 5 ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3. Phân loại và sử dụng 1. Inline Style Sheet Style định nghĩa trong tag 2. Embedding Style Sheet Style định nghĩa trong tag 3. External Style Sheet Style định nghĩa trong file *.css 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 6 ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3. Phân loại và sử dụng External Style Sheet 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 7 ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3. Phân loại và sử dụng External Style Sheet 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 8 ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3. Phân loại và cách sử dụng 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 9 ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 3. Phân loại và cách sử dụng 1. Inline Style Sheet Độ 2. Embedding Style Sheet Ưu Tiên 3. External Style Sheet Giảm Dần 4. Browser Default 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 1 ...