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.888
Bạn nên đọc
-
Gradient - màu biến đổi tuyến tính trong CSS
-
Icon trong CSS
-
Bộ chọn Class trong CSS
-
Bộ chọn thuộc tính - Attribute Selector trong CSS
-
Thuộc tính id trong HTML
-
Tìm hiểu sâu về Color trong CSS
-
Hiệu ứng chuyển động Animation trong CSS
-
Thuộc tính Opacity/Transparency trong CSS
-
Căn chỉnh - Align 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
-

Những stt hay nói về miệng lưỡi thế gian đáng để suy ngẫm
Hôm qua -

Cách chia sẻ một thư mục (folder) trên Windows 10
Hôm qua -

Stt về tiền hài hước, những câu nói hài hước về tiền nhưng thâm thúy, ‘thô mà thật’
Hôm qua -

30+ bài thơ về rượu bia hay, thơ chế về rượu bia hài hước và bá đạo cho dân nhậu
Hôm qua -

Tổng hợp thao tác Touchpad trên Windows 10, Windows 11
Hôm qua -

Sửa lỗi 0x80070643 trên Windows
Hôm qua -

Cách cho người lạ xem Nhật ký Zalo
Hôm qua -

Công thức tính chu vi hình tứ giác, diện tích hình tứ giác
Hôm qua 1 -

Cài đặt Python Package với PIP trên Windows, Mac và Linux
Hôm qua -

Những trang web đen siêu hay không thể tìm thấy trên Google
Hôm qua 3
Học IT
Microsoft Word 2013
Microsoft Word 2007
Microsoft Excel 2019
Microsoft Excel 2016
Microsoft PowerPoint 2019
Google Sheets
Lập trình Scratch
Bootstrap
Hướng dẫn
Ô tô, Xe máy