Thẻ div là gì

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

Bạn đang xem: Thẻ div là gì

Ví dụ:

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

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

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

Xem thêm: Chất Khoáng Vi Lượng Cần Cho Vật Nuôi Bao Gồm, Chất Khoáng Trong Chăn Nuô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 lựa chọn sẽ là h1 như sau:


Đây là đẳng cấp đị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 các bạn định dạng như bên trên thì toàn bộ các thẻ h1 trong website sẽ gửi thành định dạng như vậy. Ví dụ trong trang web có 100 thẻ h1 thì toàn bộ 100 thẻ đó đều cùng 1 màu sắc như trên.

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

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

Xem thêm: Thời Hạn Nộp Tờ Khai Thuế Môn Bài 2022 Mất Bao Lâu? Lưu Ý Về Lệ Phí Môn Bài Năm 2022

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


tubepphuonghai.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 Tập tham khảo:

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