Sự khác nhau giữa id và class trong html
Thuộc tính IDID Selector dùng để khai báo cho một phần tử HTML duy nhất và không sử dụng lần nào nữa trên website. Chẳng hạn như một trang web chỉ có một Header, một Footer. Lúc này chúng ta sẽ sử dụng ID cho chúng. Show Khi viết trong CSS sẽ đặt dấu “#” ở phía trước. Ví dụ: #header { max-height: 100px; } #footer { background: #ddd; }Phần Header
Phần nội dung
Bài 5: Phân biệt class và id trong html và cssHTML và CSS 1 7.839 Share Sau khi tìm hiểu các thêm định dạng css vào các thẻ html, chúng ta sẽ tìm hiểu cách phân biệt class và id cũng như công dụng của chúng trong việc kiểm soát và đinh danh các thẻ html. Giúp cho việc code html và css dễ kiểm tra, chỉnh sửa hơn. Nội dung chính
Tìm hiểu thuộc tính id, thuộc tính class trong HTML- Trong ngôn ngữ HTML, thuộc tính id & thuộc tính class được sử dụng để đặt tên (phân loại) các phần tử, mục đích là để tiện cho việc quản lý, định dạng các phần tử sau này. Ví dụ:
- Trang web của tôi có 100 phần tử, trong đó có 50 phần tử tôi muốn thiết lập chữ màu đỏ. Nếu dựa vào phương pháp thông thường thì chúng ta phải đến lần lượt 50 phần tử rồi thiết lập cho nó thuộc tính style với giá trị color:red Cách sử dụng thuộc tính class 01 Cách sử dụng thuộc tính class 02 Cách sử dụng thuộc tính class 03 Cách sử dụng thuộc tính class 04 Cách sử dụng thuộc tính class 05 Cách sử dụng thuộc tính class 06 Cách sử dụng thuộc tính class 07 Cách sử dụng thuộc tính class 08 Cách sử dụng thuộc tính class 09 Cách sử dụng thuộc tính class 10 - Tuy nhiên, nếu sau này chúng ta muốn sửa lại thành một màu khác, chẳng lẽ chúng ta phải đi đến 50 phần tử đó để chỉnh lại !? Chưa kể đến ví dụ trên chỉ có 50 phần tử, còn trường hợp hàng trăm, hàng nghìn phần tử thì sao !? - Từ đây, thuộc tính id & thuộc tính class được sử dụng để quản lý những trường hợp như thế này, chúng ta chỉ cần phân loại các phần tử một lần duy nhất. Sau đó, nếu muốn định dạng cho phần tử thì chỉ cần định dạng cho một phần tử, các phần tử còn lại sẽ được áp dụng theo. Cách sử dụng thuộc tính class 01 Cách sử dụng thuộc tính class 02 Cách sử dụng thuộc tính class 03 Cách sử dụng thuộc tính class 04 Cách sử dụng thuộc tính class 05 Cách sử dụng thuộc tính class 06 Cách sử dụng thuộc tính class 07 Cách sử dụng thuộc tính class 08 Cách sử dụng thuộc tính class 09 Cách sử dụng thuộc tính class 10 Xem ví dụ
Sự khác biệt giữa id và class trong CSS và khi nào sử dụng nó [trùng lặp]?Dương Tùy Linh · Dương Tùy Linh 04:36 15/10/2012 1 giờ trước Câu hỏi này đã có câu trả lời ở đây:
Ở đây tôi đưa ra một idđến divyếu tố và nó áp dụng CSS liên quan cho nó. HOẶC LÀ Bây giờ đây tôi đã đưa ra một classđến divvà nó cũng làm công việc tương tự cho tôi. Vậy thì sự khác biệt chính xác giữa Id và class là gì và khi nào tôi nên sử dụng idvà khi nào tôi nên sử dụng class.? Tôi là người mới về CSS và thiết kế Web và hơi bối rối khi xử lý vấn đề này.
148 hữu ích 2 bình luận 381k xem chia sẻ 1. ID trong HTML là gì?ID trong HTML là một chuỗi xác định và duy nhất, dùng để gắn cho một thẻ HTML nào đó. Trong một file HTML thì ID là duy nhất, nghĩa là bạn không thể đặt 1 ID cho 2 thẻ HTML. Việc đặt tên ID nên tuân theo quy tắc sau:
Ví dụ: Mình tạo một hộp thoại hiển thị mã giảm giá, và mình sẽ dùng một thẻ div để bao quanh toàn bộ hộp thoại đó. Sau đó mình cũng không quên đặt ID cho nó là "discount_wrapper". Lúc này, nếu bạn muốn sử dụng CSS để chỉnh cho thẻ này thì sử dụng cú pháp sau:
Demo
RUN
#discount_wrapper{
background:red;
height: 300px
}Tóm lại, muốn sử dụng CSS để truy vấn đến ID thì sử dụng cú pháp #ten_id. Sự khác biệt giữa id và class trong CSSCác ự khác biệt chính giữa id và cla trong C là id được ử dụng để áp dụng kiểu dáng cho một phần tử duy nhất trong khi lớp được ử dụng để áp dụng kiểu dáng |
