intTypePromotion=1
zunia.vn Tuyển sinh 2024 dành cho Gen-Z zunia.vn zunia.vn
ADSENSE

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

Chia sẻ: Năm Tháng Tĩnh Lặng | Ngày: | Loại File: PDF | Số trang:20

45
lượt xem
4
download
 
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

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.

Chủ đề:
Lưu

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

  1. Cascading Style Sheet Trần Phước Tuấn tranphuoctuan.khoatoan.dhsp@gmail.com
  2. ĐẠ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
  3. ĐẠ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
  4. ĐẠ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
  5. ĐẠ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
  6. ĐẠ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
  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 7
  8. ĐẠ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
  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 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 9
  10. ĐẠ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 10
  11. ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 4. Selector trong CSS Các loại Selector 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 11
  12. ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 4. Selector trong CSS Các loại Selector a:active { color: green; } 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 12
  13. ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 4.1. CSS - ELEMENT 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 13
  14. ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 4.1. CSS - ID 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 14
  15. ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 4.1. CSS - CLASS 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 15
  16. ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 4.1. CSS – ELEMENT_CLASS 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 16
  17. ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 4.1. CSS – CONTEXTUAL 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 17
  18. ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 4.1. CSS – Pseudo Class Dùng phím tab để active link 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 18
  19. ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 4.1. CSS – Pseudo Element 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 19
  20. ĐẠI HỌ HỌC SP. TPHCM, KHOA TOÁ TOÁN – TIN HỌ HỌC 4.1. CSS – Pseudo Element 7/24/2009 Lập trì trình Web - Trầ Trần Phướ Phước Tuấ Tuấn 20
ADSENSE

CÓ THỂ BẠN MUỐN DOWNLOAD

 

Đồng bộ tài khoản
2=>2