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.824

Bạn nên đọc
-
Sử dụng bố cục trang Flexbox trong CSS
-
Gradient - màu biến đổi tuyến tính trong CSS
-
Thanh điều hướng - Navigation Bar trong CSS
-
Hiệu ứng chuyển động Animation trong CSS
-
Thuộc tính class trong HTML
-
Tìm hiểu sâu về Color trong CSS
-
Thuộc tính Opacity/Transparency trong CSS
-
Bộ chọn Class trong CSS
-
Thuộc tính id trong HTML
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
-
Tổng hợp bài tập JavaScript có code mẫu
Hôm qua 1 -
Cách tải và cập nhật driver Bluetooth cho Windows 10
Hôm qua -
Những câu hỏi đáng suy ngẫm về giá trị cuộc sống
Hôm qua -
Lệnh ALTER TABLE trong SQL Server
Hôm qua -
Khắc phục sự cố không thể chạy được file .exe
Hôm qua 4 -
Bao nhiêu người có thể sử dụng cùng lúc một tài khoản Netflix?
Hôm qua -
8 bước khắc phục sự cố mất âm thanh trong Windows
Hôm qua 2 -
Cách kiểm tra phiên bản Excel đang sử dụng
Hôm qua -
Các cách căn giữa ô trong bảng trên Word
Hôm qua 1 -
Cách gỡ cài đặt và xóa Google Drive khỏi PC hoặc Mac
Hôm qua