Trong bài viết này, mình chia sẻ đến bạn cách gán class
cho vùng chọn bổ sung sao cho đơn giản, dễ hiểu nhất có thể.
Ứng dụng thủ thuật này
Khi bạn cần gắn một khung quảng cáo, hay thông điệp nào đó trên website và bạn không biết phải làm sao để chỉnh CSS lại cho cái khung quảng cáo mới thêm vào.
Đó là lúc bạn cần gán cho cái khung đó một class (ID cũng được – chúng ta gọi 2 cái này là vùng chọn, và nó được thêm sau nên được gọi là vùng chọn bổ sung) để tiện bề chỉnh CSS cho nó.
Cách gán class cho vùng chọn
Cú pháp của nó như sau:
<div class="ten-class" > . . . . . NỘI DUNG ..... </div>
Chỉnh CSS cho class mới thêm vào:
ten-class { . . . . . thuộc tính và giá trị. . . . . ; }
Trông có vẻ đơn giản đúng không nào. Tuy nhiên, nếu bạn mới làm quen với tùy chỉnh website thì việc này không phải bạn nào cũng biết làm.
Ngoài ra, bạn cũng có thể sử dụng những mẫu sẵn có mà mình đã chia sẻ ở đây, bạn chỉ cần copy dán vào bài viết / widget,…. hay chỗ nào thích mà không cần phải gán giếc gì cả:
- Text box HTML CSS template;
- Gradient Borders CSS
- Gradient Background CSS
- Gradient Text CSS
- CSS Box Shadows