Sự khác biệt giữa lớp CSS selector và id là gì? sử dụng id và lớp trong HTML

Sự khác biệt giữa lớp CSS selector và id là gì? sử dụng id và lớp trong HTML

Chen Weiliangmới thực hiện gần đâySEO, để tối ưu hóa trang webWordPresschủ đề.

Mặc dù đã học một số kiến ​​thức cơ bản về HTML và CSS từ trước nhưng chưa vận hành được một thời gian, đặc biệt là cách sử dụng phần CSS thì rất dễ quên.

Vì vậy, hãy ghi lại và tóm tắt sự khác biệt và cách sử dụng id và lớp CSS selector tại đây:

• id tương ứng với #div
• lớp tương ứng với .div

Sự khác biệt giữa id và class

mô tả id

• id là một thẻ cố định, được sử dụng để xác định kiểu lớn hơn trong trang web, được định nghĩa ở dạng #div
• Ví dụ: chia cột, trên cùng, nội dung, dưới cùng, v.v.
• Nó được sử dụng để xác định một phần tử cụ thể, chỉ có thể xuất hiện một lần trên mỗi trang và không thể được gọi lặp lại.

mô tả lớp học

• Lớp là một nhóm kiểu, được sử dụng để xác định các kiểu chi tiết trong trang web. Nó được định nghĩa dưới dạng .div và có thể được lặp lại.
• Ví dụ: một menu cụ thể, một dòng văn bản, v.v.
• Trên cùng một trang, nó có thể được gọi nhiều lần bởi nhiều phần tử

Bản thân bộ chọn div không có thuộc tính. Bằng cách xác định css của nó, nó sẽ kiểm soát một số bố cục như chiều rộng, chiều cao, màu nền và kích thước văn bản của div.

ChungThương mại điện tửtrang mạng,xây dựng một trang webTrang web html được tạo ra bởi chương trình là để hiện thực hóa bố cục trang thông qua CSS.

Bộ chọn là gì?

Định nghĩa của mỗi kiểu CSS bao gồm 2 phần:

选择器 {样式}

• Phần trước dấu {} là "bộ chọn".
• "Bộ chọn" cho biết "kiểu" của {} mà nó hoạt động.
• Đó là, "phong cách" này hoạt động trên yếu tố nào của trang web?

ví dụ mã

Đây là cách chọn và tạo kiểu cho phần tử class="sidebar":

.sidebar
{ 
background-color:black;
}

Đây là cách chọn và tạo kiểu cho phần tử có id="footer":

#footer
{ 
background-color:black;
}