Như đã hứa, ở bài học này chúng ta sẽ cùng tìm hiểu về 2 thẻ
trong HTML và xem chúng có lợi ích gì cho công việc viết CSS của chúng ta. 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. Chúng ta có đoạn HTML sau trích dẫn câu nói của chủ tịch Hồ Chí MinhKhông có gì quý hơn độc lập, tự do.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ẻ vào đoạn HTML như sau:Không có gì quý hơn độc lập, tự do. Và bây giờ chúng ta có thể viết CSS cho yêu cầu trên:.nhanmanh { font-weight:bold } Rất đơn giản phải không nào. Nhóm khối phần tử với thẻ Cũng như , 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 đó 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 như sau: Danh Sách Các Tỉnh, Thành Phố Việt Nam: Hà Nội TP. Hồ Chí Minh Đà Nẵng Thừa Thiên Huế Khánh Hòa Quãng Ninh Tiền Giang Và đoạn CSS cho mục đích này sẽ là: #tp { color:#FF0000 } #tinh { color:0000FF } Trong hai bài học trên, chúng ta đã được học qua về id, class, , và lợi ích của nó trong việc nhóm, đánh dấu phần tử để có thể dùng CSS để tạo ra các kiểu trình bày đặc biệt. Có thể một số bạn chưa học qua HTML sẽ khó khăn trong việc nắm bắt các kiến thức này. Tuy nhiên, yêu cầu mà Pearl đưa ra ở đây chỉ là các bạn có thể vận dụng các phần tử này trong CSS.
Thẻ
Chúng ta có đoạn HTML sau trích dẫn câu nói của chủ tịch Hồ Chí Minh
Không có gì quý hơn độc lập, tự do.
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ẻ
Và bây giờ chúng ta có thể viết CSS cho yêu cầu trên:
.nhanmanh { font-weight:bold }
Rất đơn giản phải không nào.
Cũng như
, 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 đó 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 như sau: Danh Sách Các Tỉnh, Thành Phố Việt Nam: Hà Nội TP. Hồ Chí Minh Đà Nẵng Thừa Thiên Huế Khánh Hòa Quãng Ninh Tiền Giang Và đoạn CSS cho mục đích này sẽ là: #tp { color:#FF0000 } #tinh { color:0000FF } Trong hai bài học trên, chúng ta đã được học qua về id, class, , và lợi ích của nó trong việc nhóm, đánh dấu phần tử để có thể dùng CSS để tạo ra các kiểu trình bày đặc biệt. Có thể một số bạn chưa học qua HTML sẽ khó khăn trong việc nắm bắt các kiến thức này. Tuy nhiên, yêu cầu mà Pearl đưa ra ở đây chỉ là các bạn có thể vận dụng các phần tử này trong CSS.
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 như sau: Danh Sách Các Tỉnh, Thành Phố Việt Nam: Hà Nội TP. Hồ Chí Minh Đà Nẵng Thừa Thiên Huế Khánh Hòa Quãng Ninh Tiền Giang Và đoạn CSS cho mục đích này sẽ là: #tp { color:#FF0000 } #tinh { color:0000FF } Trong hai bài học trên, chúng ta đã được học qua về id, class, , và lợi ích của nó trong việc nhóm, đánh dấu phần tử để có thể dùng CSS để tạo ra các kiểu trình bày đặc biệt. Có thể một số bạn chưa học qua HTML sẽ khó khăn trong việc nắm bắt các kiến thức này. Tuy nhiên, yêu cầu mà Pearl đưa ra ở đây chỉ là các bạn có thể vận dụng các phần tử này trong CSS.
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
Danh Sách Các Tỉnh, Thành Phố Việt Nam: Hà Nội TP. Hồ Chí Minh Đà Nẵng Thừa Thiên Huế Khánh Hòa Quãng Ninh Tiền Giang
Danh Sách Các Tỉnh, Thành Phố Việt Nam:
Và đoạn CSS cho mục đích này sẽ là:
#tp { color:#FF0000 } #tinh { color:0000FF }
Trong hai bài học trên, chúng ta đã được học qua về
id, class, , và lợi ích của nó trong việc nhóm, đánh dấu phần tử để có thể dùng CSS để tạo ra các kiểu trình bày đặc biệt. Có thể một số bạn chưa học qua HTML sẽ khó khăn trong việc nắm bắt các kiến thức này. Tuy nhiên, yêu cầu mà Pearl đưa ra ở đây chỉ là các bạn có thể vận dụng các phần tử này trong CSS.
