Go Back   Diễn Đàn Bo-Blog Việt Nam > Phụ Trợ Bo-Blog > Thủ Thuật Bo-Blog



About Me
Your Avatar

 
Trả lời Gởi Ðề Tài Mới
 
Ðiều Chỉnh Kiếm Trong Bài
  #1  
Old 22-02-2010, 11:25 PM
CafeSua's Avatar
CafeSua is offline
Senior Member
 
Tham gia ngày: Feb 2010
Đến từ: Hà Tĩnh
Bài gởi: 440
Default Cú pháp CSS cơ bản với Bo-blog

1. Cú pháp
Cú pháp của một CSS được tạo nên từ ba phần: Bộ chọn (seclector), Thuộc tính (property) và Giá trị (value). Và được viết theo chuẩn sau:
Trích:
Bộ chọn {Thuộc tính: Giá trị} - selector {property: value}
- Bộ chọn: thường là các phần tử hay thẻ HTML mà bạn muốn chỉ định như: body, header, content, sidebar, footer, v.v..
- Thuộc tính và Giá trị: Thuộc tính là các tính chất mà bạn muốn chỉ định. Thuộc tính luôn kèm theo giá trị và chúng ngăn cách nhau bởi dấu hai chấm “:”.
Ví dụ:

Trích:
Body {font: Arial}
Một bộ chọn có thể mang nhiều thuộc tính, và mỗi thuộc tính ngăn cách nhau bởi một dấu chấm phẩy “;”.

Ví dụ:
Trích dẫn
Trích:
Body {
font: arial;
color: #D3D4D5;
background: #3EDF42;
}
Nếu Giá trị là một từ dài để chỉ ra một tên nào đó, bạn phải đặt chúng vào trong dấu ngoặc kép.
Ví dụ:
Trích dẫn
Trích:
P {font-family: “sans serif”}

2. Nhóm các Bộ chọn lại với nhau
Bạn có thể nhóm các Bộ chọn có cùng Thuộc tính lại với nhau để cho cú pháp ngắn gọn. Các bộ chọn được ngăn cách với nhau bởi dấu phảy “,”.
Ví dụ: Bạn nhóm các thành phần h1, h2, h3, h4 của Header có cùng màu Xanh và font chữ là Tahoma lại với nhau
Trích dẫn
Trích:
h1, h2, h3, h4 {
color: blue;
font: tahoma;
}
3. Lời chú thích trong CSS
Bạn có thể thêm lời chú thích cho đoạn mã của bạn, nó sẽ giúp bạn biết đoạn mã đó thực hiện nhiệm vụ gì hoặc có tác dụng gì. Lời chú thích sẽ giúp bạn dễ dàng nhớ lại những gì mình đã viết trước đây. Lời chú thích này sẽ không được các trình duyệt hiển thị.
Một lời chú thích bắt đầu bằng một dấu “/*” và kết thúc bằng một dấu “*/”. Bạn có thể đặt đoạn chú thích vào bất cứ đâu bạn muốn.
Ví dụ:
Trích dẫn
/* Đây là Sidebar */
Trích:
#sidebar {
with: 300px;
padding: 10px;
font: Tahoma, Verdana;
}
Hoặc
Trích dẫn
Trích:
#sidebar {
/* Đây là Sidebar */
with: 300px;
padding: 10px;
font: Tahoma, Verdana;
}
Hoặc
Trích dẫn
Trích:
#sidebar {
with: 300px; /* Độ rộng của Sidebar */
padding: 10px;
font: Tahoma, Verdana;
}
Trả Lời Với Trích Dẫn
Trả lời Gởi Ðề Tài Mới

Tags
bản, bo-blog, , css, , pháp, với

Ðiều Chỉnh Kiếm Trong Bài
Kiếm Trong Bài:

Kiếm Chi Tiết

Chuyển đến


Múi giờ GMT. Hiện tại là 07:01 PM.
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
vdata

Bo-Blog Việt Nam

Bo-blog
9.9 10 13259