Lesson 8 - Span & Div

Nhóm phần tử với thẻ :

Thẻ trong HTML thật ra là một thẻ trung hòa, nó không thêm hay bớt bất cứ một thứ gì vào một tài liệu HTML cả. Nhưng chính nhờ tính chất trung hòa này mà nó lại là một công cụ đánh dấu tuyệt vời để qua đó chúng ta có thể viết CSS định dạng cho các phần tử mong muốn. Ví dụ: Chúng ta có đoạn HTML sau trích dẫn của tục ngữ dân gian:


Yêu cầu ở đây là chúng ta hãy dùng CSS tô đậm chữ "sắt" và "kim". Để giải quyết vấn đề này, chúng ta sẽ thêm thẻ vào đoạn HTML như sau:



Và bây giờ chúng ta có thể viết CSS cho yêu cầu trên:



Output:


Nhóm khối phần tử với thẻ:

Cũng như SPAN, DIV cũng là một thẻ trung hòa và được thêm vào tài liệu HTML với mục đính nhóm các phần tử lại cho mục đích định dạng bằng CSS. Tuy nhiên, điểm khác biệt là dùng để nhóm một khối phần tử trong khi đó DIV có thể nhóm một hoặc nhiều khối phần tử.

Trở lại ví dụ về danh sách tỉnh, thành trong phần class bài trước chúng ta sẽ giải quyết vấn đề bằng cách nhóm các phần tử với DIV như sau:

Và đoạn CSS cho mục đích này sẽ là: