- 4 cách nhúng css vào html
- CSS trực tiếp trong thẻ html
- Đặt thẻ <style></style> trong <body> của html
- Viết file css riêng và nhúng link css vào html
- Sử dụng css ngoài và nhúng link tuyệt đối vào html
- Comment trong css
/* Đây là comment */
- Cách viết css
- CSS cho thẻ (ví dụ thẻ <div>, <table>..)
TenThe {
(viết nội dung css ở đây)
}
- 2. CSS cho class
Bước 1: Cần gắn class cho các đối tượng muốn css tại html
1 class có thẻ sử dụng nhiều lần
Ví dụ: có 3 thẻ div và muốn css chung 1 kiểu cho 2 div
<div class="beauty">Đây là thẻ div 1 muốn css</div> <div class="beauty">Đây là thẻ div 2 muốn css</div> <div>Đây là thẻ không muốn css</div>
Bước 2: Viết css cho class
.TenClass {
(viết nội dung css ở đây)
}
- 3. CSS cho id
Bước 1: Cần gắn id cho đối tượng muốn css tại html
1 id chỉ có thể sử dụng 1 lần
Ví dụ: có nhiều thẻ div và muốn css cho 1 div duy nhất
<div id="only">Đây là thẻ div muốn css</div> <div>Đây là thẻ không muốn css</div> <div>Đây là thẻ không muốn css</div>
Bước 2: Viết css cho id
#TenId {
(viết nội dung css ở đây)
}
- Một số css thường gặp (tự demo để hiểu nó dùng làm gì nhé)
margin: 300px; padding: 10px; color: blue; background-color: yellow; text-align: center; font-size: 30px; font-weight: bold;
- Một số css hay dùng ở table
border: 1px solid black; border-collapse: collapse; border-radius: 5px;
