Trong CSS, bạn không thể sử dụng trực tiếp các thẻ HTML để thêm nội dung vào trang web, nhưng bạn có thể sử dụng các thẻ trong các “selector” để chọn các phần tử cụ thể và áp dụng kiểu cho chúng. Dưới đây là một số cách bạn có thể sử dụng các thẻ trong CSS:
- Áp dụng kiểu cho một loại thẻ cụ thể:
css
/* Áp dụng kiểu cho tất cả các thẻ <p> */
p {
color: blue;
font-size: 16px;
}
- Áp dụng kiểu cho thẻ con bên trong một phần tử khác:
css
/* Áp dụng kiểu cho các thẻ <a> bên trong thẻ <nav> */
nav a {
color: green;
text-decoration: none;
}
- Áp dụng kiểu cho các thẻ cùng cấp có cùng lớp:
css
/* Áp dụng kiểu cho các thẻ có lớp "highlight" */
.highlight {
background-color: yellow;
border: 1px solid orange;
}
- Áp dụng kiểu cho phần tử có một ID cụ thể:
css
/* Áp dụng kiểu cho phần tử có ID "header" */
#header {
text-align: center;
font-size: 24px;
}
- Sử dụng kết hợp của các thẻ, lớp và ID:
css
/* Áp dụng kiểu cho thẻ <p> có lớp "intro" trong phần có ID "main-content" */
#main-content p.intro {
font-style: italic;
color: gray;
}
Trong tất cả các ví dụ trên, chúng ta sử dụng các thẻ HTML, lớp và ID để chọn các phần tử cụ thể trong trang web và áp dụng kiểu CSS cho chúng. Tuy nhiên, hãy nhớ rằng CSS không cho phép bạn tạo nội dung thêm vào trang web, mà chỉ làm cho nội dung tồn tại trở nên hấp dẫn hơn thông qua việc tùy chỉnh giao diện và bố cục. Trên đây là giới thiệu về Sử dụng các thẻ trong CSS