Trạng Thái CSS
Một liên kết thông thường có 4 trạng thái:
+Trạng thái liên kết chưa thăm ( link): Đây là trạng thái mà người sử dụng chưa từng truy cập vào
địa chỉ mà liên kết này trỏ đến,không quan tâm đến việc người sử dụng đã click chuột vào liên kết này hay chưa (thực tế là trong cache của trình duyệt chưa có địa chỉ này).
+Trạng thái liên kết đã thăm (visited): Ngược lại của link (nghĩa là người sử dụng đã từng truy cập vào địa chỉ này rồi).
+Trạng thái hover: xảy ra khi người sử dụng di chuyển chuột qua liên kết.
+Trạng thái active: xảy ra khi người sử dụng nhấn chuột vào liên kết (người sử dụng chưa nhả phím chuột ra).
...
Trong các trang web, thông
thường cách hiển thị các trạng thái này khác nhau và khác với các văn bản thông thường làm cho vui mắt và làm cho người dùng dễ dàng nhận biết đâu là
văn bản thường, đâu là liên kết,đâu là liên kết đã xem (để đỡ phải xem lại),...
...
CSS cho phép định nghĩa các
định dạng khác nhau cho từng trạng thái bằng cách sử dụng :tên_trạng_thái ...
Ví dụ: Để định nghĩa các liên kết (link) sẽ có màu blue và không gạch chân, các liên kết đã thăm (visited) có màu brown và không gạch chân, khi chuyển chuột qua liên kết thành màu đỏ và có gạch chân, khi click chuột
vào liên kết có màu đỏvà in chữ đậm ta làm như sau: <style>
a: link{color:blue; text-
decoration:none}
a: visited{color:brown; text-
decoration:none}
a: hover{color:red; text- decoration :underline}
a: active{color:red; font-
weight:bold}
</style>
<body>
<a href="#">Day la lien ket1 </a> </body>
</html>
Chú ý quan trọng: Khi định nghĩa các trạng thái (có
thể bạn không định nghĩa tất cả các trạng thái) bạn bắt buộc phải đặt đúng thứ tự:link, visited, hover, active. Trái điều này có thể sẽ có cái gì đó không hoạt
động.
Facebook
Twitter