Bộ chọn ID trong CSS
Trong CSS, ID được sử dụng để định kiểu cho phần tử với id được chỉ định. ID thường được dùng cho các đối tượng nào là duy nhất trong website, mỗi tên id chỉ được đặt duy nhất cho một phần tử.
Để khai báo ID trong CSS, ta dùng cú pháp sau:
#ten_id {
định dạng các thuộc tính CSS
}
Ví dụ:
#quantrimang {
background-color: black;
color: white;
font-size: 30px;
Trong HTML, ID nằm trong thể mở của tag HTML với cú pháp: id=ten_id
.
Ví dụ:
<div id="quantrimang">
<h1>Website Quản Trị Mạng</h1>
</div>
Lưu ý:
- ID có thể dùng với bất kì phần tử HTML nào.
- Tên ID chỉ được phép chứa chữ cái, chữ số, dấu gạch dưới
_
, dấu gạch nối-
. Tên ID không nên bắt đầu bằng chữ số - Giá trị ID có phân biệt chữ thường và chữ hoa.
- Giá trị ID phải chứa ít nhất 1 kí tự và không chứa khoảng trắng.
Ví dụ:
<!DOCTYPE html>
<html>
<head>
<style>
#test1 {
background-color: #58257b;
color: white;
font-size: 30px;
}
#test2 {
background-color: purple;
color: pink;
font-size: 40px;
}
</style>
</head>
<body>
<p id="test1">LÀNG CÔNG NGHỆ</p>
<p>CÔNG NGHỆ</p>
<p id="test2">KHOA HỌC - CUỘC SỐNG</p>
</body>
</html>
Kết quả:
Xem thêm:
9.828

Bạn nên đọc
-
Thiết kế Layout - Bố cục website trong CSS
-
Gradient - màu biến đổi tuyến tính trong CSS
-
Thanh điều hướng - Navigation Bar trong CSS
-
Bộ chọn thuộc tính - Attribute Selector trong CSS
-
Tìm hiểu sâu về Color trong CSS
-
Bộ chọn Class trong CSS
-
Thuộc tính class trong HTML
-
Căn chỉnh - Align trong CSS
-
Thuộc tính Opacity/Transparency trong CSS
Xác thực tài khoản!
Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:
Số điện thoại chưa đúng định dạng!
0 Bình luận
Sắp xếp theo

Xóa Đăng nhập để Gửi

Cũ vẫn chất
-
Cách sửa lỗi gõ tiếng Việt trên Word, Excel
Hôm qua -
Cách khóa và mở khóa file Powerpoint để chỉnh sửa
Hôm qua -
Cách hiện file ẩn, thư mục ẩn trên Windows 10/8/7
Hôm qua -
Bluestacks
-
9 công cụ tạo video AI tốt nhất
Hôm qua -
5 cách mở cài đặt âm thanh trên PC Windows
Hôm qua 2 -
Những ứng dụng hoán đổi khuôn mặt tốt nhất
Hôm qua -
Cách xem số thẻ MBBank trên ứng dụng
Hôm qua -
Cách kiểm tra số dư tài khoản Sacombank rất đơn giản
Hôm qua -
Toán tử trong SQL
Hôm qua