Div class là gì

  -  
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 các phần không giống nhau. Vì vậy thẻ div cũng rất được áp dụng để trình diễn bố cục mang đến trang web.

Bạn đang xem: Div class là gì

Ví dụ:

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

CSS (Cascading Style Sheets ): là mã các bạn thực hiện để chế tác vẻ bên ngoài đến website của mìnhCách áp dụng CSS:Inline CSS: vận dụng mang lại một trong những phần tử HTML.Internal CSS: áp dụng cho 1 trang HTML External CSS: vận dụng cho các trang HTMLVới External CSS chúng ta có thể biến hóa giao diện của toàn bộ trang web bằng cách đổi khác một tập tin.Ví dụ:Inline CSS

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

Xem thêm: Chơi Game Thời Trang Mùa Xuân 2 4H, Game Thời Trang Mùa Xuân

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

Vùng lựa chọn dựa vào thương hiệu thẻ

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


Đây là phong cách định hình đơn giản và dễ dàng, mà lại được khuyên ổn tránh việc sử dụng những vị đương nhiên khi chúng ta định dạng như trên thì tất cả những thẻ h1 trong các website đã gửi thành định dạng những điều đó. lấy một ví dụ trong website tất cả 100 thẻ h1 thì tất cả 100 thẻ đó đều thuộc 1 Màu sắc nlỗi trên.

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

lúc nói tới id tức thị chỉ tất cả nhất nhưng không tồn tại đụng hàng. Nếu bạn cố ý cho các tên id tương tự nhau thì code vẫn chạy bình thường nhưng mà lúc đến thiết kế bên phía hệ thống thì sẽ ảnh hưởng lỗi. Vì vậy không nên cần sử dụng các tên id như thể nhau. Sử dụng id bạn sẽ định dạng được những thẻ theo ý riêng của bản thân mình.

Xem thêm: 7 Viên Ngọc Rồng Z - Bảy Viên Ngọc Rồng Siêu Cấp

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


pntechcons.com.vn)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 tđắm đuối khảo:

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