Video: Visual Studio Code: HTML, CSS & JS Tips 2025
Nói chung, các trình duyệt sẽ hiển thị liên kết dưới dạng văn bản được gạch dưới màu xanh lam. Ban đầu, hành vi mặc định này đã giảm thiểu nhầm lẫn giữa nội dung trên trang và liên kết tương tác. Hôm nay, hầu hết các liên kết trang web theo cách riêng của mình. Một số trang web không nhấn mạnh liên kết; những người khác giữ lại các đường gạch dưới nhưng các đường liên kết theo phong cách có màu khác với màu xanh; và như vậy.
Phần tử HTML anchor (
a
) được sử dụng để tạo liên kết. Văn bản giữa thẻ mở và đóng thẻ neo là mô tả liên kết và URL được đặt trong thuộc tính
href
là địa chỉ trình duyệt truy cập khi liên kết được nhấp.
Thẻ neo đã phát triển theo thời gian và ngày nay có bốn trạng thái:
-
liên kết: Một liên kết mà người dùng chưa nhấp hoặc truy cập -
đã ghé thăm: A liên kết mà người dùng đã nhấp hoặc viếng thăm -
hover: Một liên kết mà người dùng di chuột con trỏ mà không nhấp vào -
active: Một liên kết người dùng đã bắt đầu nhấp nhưng chưa phát hành nút chuột
CSS có thể định kiểu mỗi trong bốn trạng thái này, thường xuyên nhất bằng cách sử dụng các thuộc tính và giá trị này.
| Giá trị có thể | Mô tả | màu |
tên
|
mã hex
|
color: blue;
), mã thập lục phân (
color: # 0000FF;
), hoặc giá trị RGB (
màu rgb (0, 0, 255) >).
văn bản-trang trí
không có |
|
gạch dưới
Thiết lập liên kết để gạch chân (hoặc không).
|
a: liên kết ( |
màu sắc: rgb (6, 69, 173);
văn bản trang trí: không có;
}
a: visited {
màu sắc: rgb (11, 0, 128)
}
a: hover {
text-decoration: gạch dưới
}
a: active {
màu sắc: rgb (250, 167, 0)
}
Wikipedia. trang hiển thị liên kết, trạng thái truy cập, hover và hoạt động.
Hãy nhớ bao gồm dấu hai chấm giữa trình chọn
a và trạng thái liên kết.
Mặc dù giải thích tại sao vượt quá phạm vi của cuốn sách này, các đặc tả CSS lại nhấn mạnh rằng bạn xác định các trạng thái liên kết theo trình tự hiển thị ở đây - liên kết, truy cập, hover, và sau đó hoạt động.Tuy nhiên, nó là chấp nhận được để không xác định một nhà nước liên kết, miễn là đơn đặt hàng này được bảo tồn.
Các trạng thái liên kết khác nhau được gọi là
bộ chọn giả giả
. Pseudo-class selectors thêm một từ khóa vào bộ chọn CSS và cho phép bạn tạo ra một trạng thái đặc biệt của phần tử đã chọn.
