BREAKING NEWS

Chủ Nhật, 17 tháng 8, 2014

Bài 8: Span & Div

1. Nhóm phần tử với thẻ <span>

Thẻ <span> 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ụ:
<p>Không có gì quý hơn độc lập, tự do.</p>

Yêu cầu ở đây là chúng ta hãy dùng CSS tô đậm 2 từ độc lập, tự do. Để giải quyết vấn đề này, chúng ta sẽ thêm thẻ <span> vào đoạn HTML như sau:

<p>Không có gì quý hơn <span class="nhanmanh">độc lập</span>, <span class="nhanmanh">tự do</span>.
Và bây giờ chúng ta có thể viết CSS cho yêu cầu trên:

.nhanmanh { font-weight:bold }

Đọc thêm

Share this:

Đăng nhận xét

 
Designed By OddThemes & Distributd By Blogger Templates