Bài 4: Các cách đưa định dạng CSS vào file HTML
Trong bài 4, chúng ta sẽ sẽ tìm hiểu cách để định dạng những thẻ html theo các cách khác nhau.
Nội dung chính
- Video Các cách đưa định dạng CSS vào file HTML
- Hướng dẫn chi tiết
- Có 3 cách để đưa định dạng css vào html
- Thường dùng kết hợp cách 1 và cách 3.
- Một số thuộc tính giới thiệu trong bài
Video Các cách đưa định dạng CSS vào file HTML
Hướng dẫn chi tiết
Có 3 cách để đưa định dạng css vào html
+ Viết trực tiếp vào thẻ html
+ Viết trong thẻ head
Thêm thẻ <style> </style> vào trong phần thẻ <head></head>
Bài 29: Cách tạo responsive cho web
Bài 28: Cách tạo animation trong css
Cấu trúc là
tên thẻ{
định dạng 1;
định dạng 2;
}
+ Viết trong file riêng.
Chúng ta có file html3.html như sau:
Phần head của file html, thêm vào thẻ link, chỉ đến đường dẫn file định dạng css.
File css như sau
Như vậy toàn bộ, thẻ <h2></h2> trong file html3 đều được định dạng theo file css.
Thường dùng kết hợp cách 1 và cách 3.
Cách 3 viết code 1 lần dùng nhiều lần. Chỉnh sửa toàn bộ file định dạng. Dùng lại css.
Cách 1 được ưu tiên chạy trước. Chúng ta dùng cách 3 để định dạng hàng loạt thẻ giống nhau, những thẻ nào muốn làm khác biệt sẽ thêm css theo cách 1 để ghi đè lên.
Một số thuộc tính giới thiệu trong bài
+ color: (màu chữ) dùng green, red hay mã màu
+ background-color: (màu nền)black
+ background-image: url(imgage source)
Code mẫu trong bài học: tải về
Nếu có thắc mắc, đặt câu hỏi bằng cáchcommentbên dưới, quaemail, hoặc nhắn tin quaFanpage Góc làm web.
Đừng quênLike,Sharenếu thấy bài viết thú vị.
Liên hệ
Trong bài 4, chúng ta sẽ sẽ tìm hiểu cách để định dạng những thẻ html theo các cách khác nhau.
Nội dung chính
- Video Các cách đưa định dạng CSS vào file HTML
- Hướng dẫn chi tiết
- Có 3 cách để đưa định dạng css vào html
- Thường dùng kết hợp cách 1 và cách 3.
- Một số thuộc tính giới thiệu trong bài
Video Các cách đưa định dạng CSS vào file HTML
Hướng dẫn chi tiết
Có 3 cách để đưa định dạng css vào html
+ Viết trực tiếp vào thẻ html
+ Viết trong thẻ head
Thêm thẻ <style> </style> vào trong phần thẻ <head></head>
Bài 29: Cách tạo responsive cho web
Bài 28: Cách tạo animation trong css
Cấu trúc là
tên thẻ{
định dạng 1;
định dạng 2;
}
+ Viết trong file riêng.
Chúng ta có file html3.html như sau:
Phần head của file html, thêm vào thẻ link, chỉ đến đường dẫn file định dạng css.
File css như sau
Như vậy toàn bộ, thẻ <h2></h2> trong file html3 đều được định dạng theo file css.
Thường dùng kết hợp cách 1 và cách 3.
Cách 3 viết code 1 lần dùng nhiều lần. Chỉnh sửa toàn bộ file định dạng. Dùng lại css.
Cách 1 được ưu tiên chạy trước. Chúng ta dùng cách 3 để định dạng hàng loạt thẻ giống nhau, những thẻ nào muốn làm khác biệt sẽ thêm css theo cách 1 để ghi đè lên.
Một số thuộc tính giới thiệu trong bài
+ color: (màu chữ) dùng green, red hay mã màu
+ background-color: (màu nền)black
+ background-image: url(imgage source)
Code mẫu trong bài học: tải về
Nếu có thắc mắc, đặt câu hỏi bằng cáchcommentbên dưới, quaemail, hoặc nhắn tin quaFanpage Góc làm web.
Đừng quênLike,Sharenếu thấy bài viết thú vị.
Liên hệ