Bài giảng Lập trình web: Cascading Style Sheet - Trần Phước Tuấn
lượt xem 4
download
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.
Bình luận(0) Đăng nhập để gửi bình luận!
Nội dung Text: 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 10
- ĐẠ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
- ĐẠ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
- ĐẠ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
- ĐẠ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
- ĐẠ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
- ĐẠ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
- ĐẠ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
- ĐẠ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
- ĐẠ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
- ĐẠ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
CÓ THỂ BẠN MUỐN DOWNLOAD
-
THIẾT KẾ WEB - CSS –Cascading Style Sheet
30 p | 350 | 157
-
Bài giảng môn thiết kế web - CHƯƠNG VII CASCADING CASCADING STYLE SHEET-CSS
31 p | 194 | 85
-
ÔN TẬP VỀ STYLE SHEETS
23 p | 126 | 26
-
Bài giảng Lập trình Web - ThS. Nguyễn Hà Giang
103 p | 162 | 19
-
Bài giảng CSS (Cascading Style Sheet) - ThS. Nguyễn Hồ Minh Đức
30 p | 99 | 15
-
Bài giảng CSS - Bài 1: Giới thiệu về CSS
4 p | 93 | 13
-
Bài giảng Lập trình web - Chương 2: Dynamic HTML
25 p | 78 | 12
-
Bài giảng Lập trình web: Thiết kế và lập trình web - Trần Phước Tuấn
8 p | 111 | 11
-
Bài giảng Lập trình web: Chương 2 - ThS. Nguyễn Minh Vi
45 p | 85 | 9
-
Bài giảng Lập trình Web: Chương 0 - Nguyễn Hoàng Tùng
8 p | 153 | 8
-
Bài giảng Lập trình website ASP.NET: Phần 2 - Trường ĐH Công nghiệp Quảng Ninh
62 p | 28 | 8
-
Bài giảng Lập trình web: Cascading style sheet - CSS
48 p | 41 | 6
-
Bài giảng Lập trình web và ứng dụng: CSS - Cascading Style Sheet - Phan Thị Kim Loan
22 p | 16 | 4
Chịu trách nhiệm nội dung:
Nguyễn Công Hà - Giám đốc Công ty TNHH TÀI LIỆU TRỰC TUYẾN VI NA
LIÊN HỆ
Địa chỉ: P402, 54A Nơ Trang Long, Phường 14, Q.Bình Thạnh, TP.HCM
Hotline: 093 303 0098
Email: support@tailieu.vn