Đang chuẩn bị liên kết để tải về tài liệu:
Simple CSS - Bài 7&8 : Class & ID- Span & Div

Trong các bài học trước, chúng ta đã được học các thuộc tính CSS về background, color, font, Tuy nhiên, bạn cũng nhận ra là khi áp dụng một thuộc tính CSS cho một thành phần nào đó ví dụ như h1, h2, p, a, img, thì toàn bộ các thành phần này trong trang web đều nhận thuộc tính này. Vậy có các nào để nhóm lại một số thành phần nào đó để áp dụng một thuộc tính đặc biệt. Ví dụ như bạn muốn các liên kết trên menu trang web sẽ được in hoa, và có. | Simple CSS - Bài 7 8 Class ID- Span Div Simple CSS Standard Edition - lui 2009 Trong các bài học trước chúng ta đã được học các thuộc tính CSS về background color font . Tuy nhiên bạn cũng nhận ra là khi áp dụng một thuộc tính CSS cho một thành phần nào đó ví dụ như h1 h2 p a img . thì toàn bộ các thành phần này trong trang web đều nhận thuộc tính này. Vậy có các nào để nhóm lại một số thành phần nào đó để áp dụng một thuộc tính đặc biệt. Ví dụ như bạn muốn các liên kết trên menu trang web sẽ được in hoa và có kích cỡ lớn hơn so với liên kết trong nội dung thì phải làm thế nào Đây chính là vấn đề mà chúng ta sẽ cùng giải quyết trong chương này. 7.1. Nhóm các phần tử với class Ví dụ chúng ta có một đoạn mã HTML sau đây Trích p Danh Sách Các Tỉnh Thành Phố Của Việt Nam p ul li Hà Nội li li TP. Hồ Chí Minh li li Đà Nẵng li li Thừa Thiên Huế li li Khánh Hòa li li Quãng Ninh li li Tiền Giang li ul Yêu cầu đặt ra là làm thế nào để tên các thành phố là màu đỏ và tên các tỉnh là màu xanh da trời. Để giải quyết vấn đề này chúng ta sẽ dùng một thuộc tính HTML gọi là class để tạo thành 2 nhóm là thành phố và tính. Ta sẽ viết lại đoạn HTML sau thành như thế này Trích p Danh Sách Các Tỉnh Thành Phố Của Việt Nam p ul li class tp Hà Nội li li class tp TP. Hồ Chí Minh li li class tp Đà Nẵng li li class tinh Thừa Thiên Huế li li class tinh Khánh Hòa li li class tinh Quãng Ninh li li class tinh Tiền Giang li ul Với việc dùng class để nhóm các đối tượng như trên thì công việc của chúng ta sẽ trở nên đơn giản hơn nhiều Trích li .tp color .