Nhập môn lập trình web với PHP - Bài 3: CSS cơ bản
lượt xem 22
download
Tài liệu tham khảo và hướng dẫn chi tiết về lập trình web động với PHP / MySQL.Giáo trình sau giúp bạn tự học lập trình web bằng PHP và MySQL để làm Forum, Blog, Shop bán hàng, CMS tin tức.
Bình luận(0) Đăng nhập để gửi bình luận!
Nội dung Text: Nhập môn lập trình web với PHP - Bài 3: CSS cơ bản
- TRUNG TÂM TIN HỌC ĐẠI HỌC KHOA HỌC TỰ NHIÊN-TP.HCM NHẬP MÔN LẬP TRÌNH WEB VỚI PHP 1
- TRUNG TÂM TIN HỌC ĐẠI HỌC KHOA HỌC TỰ NHIÊN-TP.HCM Bài 3: CSS cơ bản 1. Giới thiệu CSS 2. Các loại CSS 3. Sử dụng CSS 4. Các style thường dùng 2
- Bài 3: CSS cơ bản 1. Giới thiệu CSS Style Sheet CSS – Cascading Style Sheets 3
- Bài 3: CSS cơ bản Style Sheet Là một tập hợp các khai báo style Style { : ; … } Các style Sheet { : ; … } … 4
- Bài 3: CSS cơ bản Style Sheet Là một tập hợp các khai báo style Ví dụ: h1 {color:#FF0000} div {background-color:#66CCFF; color:#0000FF; border- color:#0000FF; border-style:double; width:300} ul {list-style:square; color:#660000} 5
- Bài 3: CSS cơ bản CSS – Cascading Style Sheets Là một chuẩn của Internet do W3C duy trì Hiệu ứng của style có thể được kế thừa từ các tag khác Ví dụ: Canh chua Cá kho tộ Trứng chiên 6
- Bài 3: CSS cơ bản 2. Các loại CSS Inline Style Internal Style External Style 7
- Bài 3: CSS cơ bản Inline Style Loại style này chính là phần khai báo thuộc tính style trong các tag HTML Ví dụ: Chào mừng các bạn đến với bài học về "CSS và DHTML" 8
- Bài 3: CSS cơ bản Internal Style Dùng để định nghĩa các style dùng chung trong một trang web selector1 { : ; … } … … 9
- Bài 3: CSS cơ bản External Style Dùng chung trong một website Phần khai báo nằm trong một tập tin có kiểu là .css và tập tin này được xem như là một Style Sheet 10
- Bài 3: CSS cơ bản External Style Khai báo và sử dụng: – Khai báo trong tập tin .css selector { : ; … } – Liên kết với trang web … 11
- Bài 3: CSS cơ bản 3. Sử dụng CSS Phân loại Selector Nhóm các Selector 12
- Bài 3: CSS cơ bản Phân loại Selector Phân loại selector theo cách áp dụng style: – Selector = ten_tag_html: áp dụng style cho tất cả các tag html có tên là ten_tag_html – Selector = .ten_class: áp dụng style cho các thẻ html có thuộc tính class=“ten_class” – Selector = #tag_id: áp dụng style cho các thẻ html có thuộc tính id=“tag_id” 13
- Bài 3: CSS cơ bản Phân loại Selector Selector = ten_tag_html Ví dụ: tạo selector div để áp dụng style cho tất cả các thẻ div div{color:#FF0000} Chào các bạn Chào các bạn 14
- Bài 3: CSS cơ bản Phân loại Selector Selector = .ten_class Ví dụ: tạo selector .thong_bao để áp dụng style cho các thẻ có thuộc tính class="thong_bao". .thong_bao{color:#FF0000} Chào các bạn Chào các bạn 15
- Bài 3: CSS cơ bản Phân loại Selector Selector = #tag_id Ví dụ: tạo selector #loi_chao để áp dụng style cho thẻ có id="loi_chao" #loi_chao{color:#FF0000} Chào các bạn Chào các bạn 16
- Bài 3: CSS cơ bản Nhóm các selector Các selector có cùng thuộc tính định dạng thì có thể định nghĩa chúng trong cùng style và selector sẽ cách nhau dấu phẩy (,) Cú pháp: Selector1, Selector2, ... { thuoc_tinh1: gia_tri1; thuoc_tinh2: gia_tri2; ... } 17
- Bài 3: CSS cơ bản Nhóm các selector #loi_chao, .thong_bao{color:#FF0000} Chào các bạn Chào các bạn Chào các bạn Chào các bạn 18
- Bài 3: CSS cơ bản 4. Các style thường dùng Font chữ Màu chữ và nền (màu, hình ảnh) – Colors và Background Canh lề văn bản - Text Alignment Lề văn bản và đường viền – Margins và Borders 19
- Bài 3: CSS cơ bản 20
CÓ THỂ BẠN MUỐN DOWNLOAD
-
HƯỚNG DẪN NHẬP MÔN HTML
73 p | 7407 | 506
-
Nhập môn Kĩ nghệ phần mềm
75 p | 1230 | 411
-
Nhập môn lập trình Java
111 p | 723 | 321
-
NHẬP MÔN JAVASCRIPT
80 p | 584 | 224
-
Sổ tay về lập trình html
80 p | 397 | 188
-
Tài liệu môn JavaScript
91 p | 269 | 144
-
Hướng dẫn về nhập môn HTML
84 p | 277 | 138
-
Hướng dẫn về HTML
60 p | 274 | 131
-
TÀI LIỆU HƯỚNG DẪN NHẬP MÔN HTML
90 p | 188 | 65
-
Lập trình Web động với PHP
132 p | 179 | 53
-
Tài liệu học PHP
24 p | 206 | 51
-
Nhập môn lập trình web với PHP - Bài 1: Tổng quan về lập trình web php
24 p | 212 | 33
-
Giáo trình Thiết kế Web - CĐ Nghề Công Nghiệp Hà Nội
278 p | 84 | 24
-
Nhập môn lập trình web với PHP - Bài 2: HTML cơ bản
46 p | 129 | 21
-
Lập mô hình với Java: Một cuốn sách bài tập về UML, Phần 2 Logic điều kiện trong các sơ đồ tuần tự
9 p | 173 | 18
-
Bài giảng Lập trình Web bài 5: Tạo họa hình nâng cao
63 p | 131 | 17
-
Bài giảng Nhập môn hệ thống thông tin - Bài 7 (tt): Internet - Intranets - Extranet
73 p | 77 | 6
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