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.889
Bạn nên đọc
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
-

Xịn sò hay xịn xò là đúng chính tả? Có đến 90% người dùng bị sai
Hôm qua 1 -

Hướng dẫn cách vẽ sơ đồ trong Word
Hôm qua -

Cách đăng nhập nhiều tài khoản trên Telegram iPhone, Android
Hôm qua -

Stt xin lỗi người yêu chân thành nhất, giúp người ấy nhanh hết giận
Hôm qua -

87 Slogan Team Building chất, hài hước và ý nghĩa
Hôm qua -

Hướng dẫn cài Google Chrome trên hệ điều hành Ubuntu
Hôm qua -

Cách gộp nhiều file Word thành 1 file duy nhất
Hôm qua -

Những bài thơ về mưa hay nhất lay động hàng triệu trái tim
Hôm qua -

Cách xóa bộ nhớ đệm Telegram điện thoại, máy tính
Hôm qua -

Kiểu gõ Telex, cách gõ Telex và bảng mã tiếng Việt Telex
Hôm qua 2
Học IT
Công nghệ
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