Bài 4: Các cách đưa định dạng CSS vào file HTML

0 2.890

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.

Video – Các cách đưa định dạng CSS vào file HTML

Hướng dẫn chi tiết

Có làm thì mới có ăn như ai đó từng nói - Vài dòng ngắn cho QUẢNG CÁO nhé

Các bạn cần hosting WordPress nhanh, rẻ và dễ sử dụng có free SLL hãy chọn Azdigi nhé.
Link đăng ký: NHẬN NGAY ƯU ĐÃI
Nếu các bạn đăng ký và sử dụng hosting từ link trên, Góc Làm Web sẽ có một ít tiền để duy trì. 

Có 3 cách để đưa định dạng css vào html

+ Viết trực tiếp vào thẻ html

Có 3 cách để đưa định dạng css vào html Viết trực tiếp vào thẻ 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>

"Ra đời, cuộc sống bươm chải, có làm vẫn không có ăn" nên phải gắn QUẢNG CÁO

Các bạn cần hosting WordPress nhanh, rẻ và dễ sử dụng có free SLL hãy chọn Azdigi nhé.
Link đăng ký: NHẬN NGAY ƯU ĐÃI
Nếu các bạn mua hosting từ link trên, mình sẽ có một ít tiền để duy trì. Cảm ơn
Các cách đưa định dạng CSS vào file HTML
Viết trong thẻ head và để định dạng trong cặp thẻ style

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ẻ <h1></h1> 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ách comment bên dưới, qua email, hoặc nhắn tin qua Fanpage Góc làm web.

Đừng quên LikeShare nếu thấy bài viết thú vị.

Liên hệ

Bạn cũng có thể thích
Để lại một trả lời

Địa chỉ email của bạn sẽ không được công bố.