THEẺ DIV

là gì ?Viết tắt của Division : khốiLà một thẻ đựng nhiều thẻ khác phía bên trong và phân loại tài liệu HTML thành những phần khác nhau. Vì vậy thẻ div cũng được sử dụng để trình diễn bố cục mang lại trang web.

Bạn đang xem: Theẻ div

Ví dụ:

See the Pen Demo Div 1 by Cuong Tien (
diywkfbv.com)on CodePen.

CSS (Cascading Style Sheets ): là mã bạn sử dụng để chế tạo kiểu cho website của mìnhCách áp dụng CSS:Inline CSS: áp dụng cho 1 phần tử HTML.Internal CSS: áp dụng cho 1 trang HTML External CSS: áp dụng cho các trang HTMLVới External CSS bạn có thể thay đổi hình ảnh của cục bộ trang web bằng phương pháp thay đổi một tập tin.Ví dụ:Inline CSS

See the Pen Demo Inline CSS by Cuong Tien (
diywkfbv.com)on CodePen.

Xem thêm: Tiểu Sử Minh Hà Vợ Lý Hải Truyen Ngan, Tiểu Sử Ca Sĩ Lý Hải

Các vùng chọn CSS thông dụng

Vùng chọn phụ thuộc tên thẻ

Ví dụ : Định dạng thẻ h1 thì vùng chọn sẽ là h1 như sau:


Đây là hình trạng định dạng đối chọi giản, nhưng được khuyên tránh việc sử dụng nhiều bởi tất nhiên khi bạn định dạng như bên trên thì toàn bộ các thẻ h1 trong trang web sẽ chuyển thành định dạng như vậy. Ví dụ như trong website có 100 thẻ h1 thì tất cả 100 thẻ này đều cùng 1 màu sắc như trên.

Vùng chọn phụ thuộc vào id

Khi nhắc tới id tức là chỉ gồm duy tốt nhất mà không tồn tại trùng lặp. Nếu như bạn cố tình cho các tên id kiểu như nhau thì code vẫn chạy bình thường nhưng lúc đến lập trình mặt phía vps thì có khả năng sẽ bị lỗi. Vì chưng vậy tránh việc dùng các tên id tương đương nhau. áp dụng id bạn sẽ định dạng được các thẻ theo ý riêng rẽ của mình.

Ví dụ: Định dạng thẻ h1 nhờ vào id=”nenvang” thì đoạn code của thẻ h1 vẫn như sau:


diywkfbv.com)on CodePen.

Bài Tập

Bài 1:

*

Bài 2:

*

Tài liệu: DOWNLOAD

Bài 3:

*

Bai 3.1:

*

Bài 4:

*

Bài 5:

Tài nguyên:

index.html

*

style.css

*

*

Bài 6:

*

Tài nguyên:

link google meet: meet.google.com/dwe-uygu-emj

Link tải bài bác Tập tham khảo:

De thi : https://drive.google.com/file/d/17eQrQVQWiDJVN87__UOMdRDpGnZaLaTp/view?usp=sharing