Bài giảng Lập trình mạng: Chương 6.2 - Phạm Trần Vũ

Chia sẻ: Lavie Lavie | Ngày: | Loại File: PDF | Số trang:23

Thêm vào BST

Báo xấu

75
lượt xem 3
download

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

Bài giảng Lập trình mạng: Chương 6.2 - Cascading Style Sheets (CSS) trình bày về cú pháp CSS, cách đưa CSS vào HTML và một số nội dung khác. Mời các bạn tham khảo bài giảng để bổ sung thêm kiến thức về lập trình mạng nói chung và Công nghệ thông tin nói riêng.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Bài giảng Lập trình mạng: Chương 6.2 - Phạm Trần Vũ

Cascading Style Sheets (CSS) 1
CSS Dùng để trình bày các phần tử trong HTML trên trình duyệt CSS có thể được đặt trong văn bản HTML hay ở một file khác Cách dùng phổ biến là có một file CSS riêng để có thể dùng cho nhiều văn bản HTML Nếu một văn bản dùng nhiều file CSS khác nhau, hệ thống sẽ dùng các định dạng trong các file như là một file http://www.w3schools.com/css/default.asp 2
Cú Pháp CSS (1) Cú pháp cơ bản của CSS gồm 3 phần Selector (phần tử được hiển thị) Property (thuộc tính) Value (giá trị) selector {property: value} Ví dụ: body {color: black} p {font-family: "sans serif"} 3
Cú Pháp CSS (2) Có thể sử dụng một định dạng chung cho một nhóm các phần tử Ví dụ: h1,h2,h3,h4,h5,h6 { color: green } Định dạng một class p.right {text-align: right} p.center {text-align: center} 4
Cú Pháp CSS (3) Một class có thể được dùng cho nhiều tag khác nhau .center {text-align: center} 5
Cú Pháp CSS (4) Sử dụng id #green {color: green} Chú thích 6
Đưa CSS vào HTML (1) Dùng một file CSS bên ngoài Dùng bên trong file HTML 7
Đưa CSS vào HTML (2) Dùng CSS ngay tại tag trong file HTML (inline) Có một số trình duyệt không hổ trợ CSS, để tránh trường hợp mã CSS bị hiển thị, dùng cách sau: 8
Background (1) 9
Background (2) 10
Background: Ví dụ 11
Text (1) Dùng để điều chỉnh sự hiển thị của text trong HTML 12
Text (2) 13
Font (1) 14
Font (2) 15
Font (3) 16
Font: Ví dụ Chọn font chữ 17
Margin 18
Dimension (1) Xác định các chiều dài và rộng của một phần tử Ví dụ: chiều dài và rộng của một tấm ảnh, chiều cao của một đoạn văn bản, v.v. 19
Dimension (2) 20