*

*

Giới thiệu

Tin tức

Lựa lựa chọn tin cậy

Điều kiện với quy định

Liên hệ

Thiết kế và xây đắp website

Sản phẩm phần mềm

Yêu mong Demo / Báo giá

Khách hàng

Đóng
*

*
*

HOTLINE:(0234) 2222 012

*
*
*


Cũng có rất nhiều bạn hỏi tôi về việc làm sao để tách biệt được id và class. Lúc nào dùng id, bao giờ dùng class trong HTML và CSS. Trong bài viết này tôi xin lý giải kỹ hơn về hai thuật ngữ này và cách dùng chúng trong quá trình viết mã HTML.

1. Id.Đầu tiên bọn họ sẽ đi kiếm hiểu về thuật ngữ id1.1 Id là gì?id tuyệt là index(chỉ số) được dùng để làm xác định một đối tượng người dùng duy nhất nào đó. Vì thế trong một trang HTML của người tiêu dùng mỗi đối tượng người dùng chỉ gồm duy tuyệt nhất một id, nếu bao gồm 2 đối tượng người dùng trở lên tất cả id tương tự nhau trong cùng một trang thì điều đó có nghĩa là trang đó của công ty không validate HTML.1.2 Id sử dụng khi nào?.Do từng trang HTML mỗi đối tượng người dùng chỉ hoàn toàn có thể có tuyệt nhất một id chính vì vậy id được dùng cho những đối tượng người sử dụng nào mang tính duy tuyệt nhất trong trang (ví dụ: size viền (wrapper), menu chủ yếu (main menu),...).1.3. Giải pháp dùng id. văn bản thông tin...Trong tệp tin CSS bọn họ sẽ cần sử dụng dấu "#" trước tên đối tượng người tiêu dùng mà chúng ta đặt là id2. ClassBây giờ họ tiếp tục đi tìm kiếm hiểu về thuật ngữ class với cách thực hiện chúng trong quá trình viết mã HTML.2.1 Class là gì?class hay có cách gọi khác là lớp dùng để làm chỉ một tấm các đối tượng có chung các thuộc tính. Các đối tượng người tiêu dùng trong và một class có tính thừa kế lẫn nhau, chính vì vậy trong một trang HTML của bạn có thể có rất nhiều các đối tượng rất có thể thuộc một class làm sao đó. Ví dụ sau đây sẽ minh chứng cho các bạn về tính thừa kế và việc định nghĩa nhiều đối tượng người sử dụng cùng nằm trong một class nào đó.Giả sử rằng bọn họ có một trang HTML như sau:Nội dung thông tin...Nội dung thông tin 2...Giả sử rằng họ định nghĩa các thuộc tính của class="info" như sau:.info margin: 5px 10px; padding: 10px; border: 1px solid #F0F0F0;Bây giờ bạn có nhu cầu định nghĩa đến thẻ div phía trong phần author có màu sắc nền là màu black và chữ là màu trắng thì ta chỉ việc định nghĩa thêm nhị thuộc tính này còn thẻđã vượt kế các thuộc tính margin, padding, border của class sinh hoạt trên. Phần quan niệm thêm như sau:div.author .info background-color: #000000; color: #FFFFFF;Khi kia đối tượngtrong phần author sẽ bao hàm các trực thuộc tính sau.div.author .info margin: 5px 10px; padding: 10px; border: 1px solid #F0F0F0; background-color: #000000; color: #FFFFFF;Qua ví dụ như trên họ cũng phiêu lưu việc áp dụng nhiều đối tượng người dùng thuộc cùng một class trong và một trang như vậy nào.2.1 dùng class lúc nào?Do đặc điểm của class đã trình diễn ở trên rất có thể suy ra rằng nếu lúc nào chúng ta ao ước nhiều đối tượng dùng chung một số thuộc tính nào kia (vd: color, background, border,...) thì chúng ta nên gộp nó vào chung một class.2.3 biện pháp dùng class.Trong HTML họ dùng như sau: câu chữ thông tin... Ngôn từ thông tin... Mẫu nổi bậtTrong tệp tin CSS họ đặt lốt "." trước tên của đối tượng người sử dụng mà chúng ta đặt là class.Chúc các bạn thành công.