[Tự Học CSS] Bài 6: Pseodu

Tiếp theo Bài 5: Text ta tìm hiểu về Peseodu.
Pseodu ( Phần tử giả) dùng để quy định cách hiển thị liên kế (links) khi tác động lên liên kết đó. Bộ thuộc tính Pseodu bao gồm: Hover, link, active, visited.
Vì Pseodu ảnh hưởng đến links nên ta hiểu pseodu tác động trực tiếp tới thẻ <a>

1. Hover.

Hover có tác dụng khi người dùng di chuột qua một liên kết nào đó thì các định dạng bên trong hover mới có tác dụng. Có thể hiểu là định dạng riêng cho các links tại một thời điểm khi di chuột qua đó.

Ví dụ:

Cho liên kết có anchortext là “Website Giá Rẻ”, trỏ tới http://ithietkeweb.net
Định dạng như sau: color màu xanh,  nền màu vàng và nháy.

2. Link.

Thông thường mặc định của màu liên kết là xanh , nếu muốn chuyển sang màu khác thì ta có thể dùng như sau:

Mặc định:

Đổi màu cho link:

3. Active.

Định các thuộc tính cho liên kết khi liên kết hoạt động ( nhẫn giữ chuột vào liên kết đó), nhưng ít khi sử dụng.
Ví dụ: a:active(background:red);

4. Visited.

Định thuộc tính khi liên kết đã được ghé thăm (Những  liên kết đã click tối thiểu 1 lần).
 A: visited{ color:green};

Bài tập thực hành:

Nội dung trong bài này đơn giản nên mình không dẫn bài tập thực hành,  các bạn tự thực hiện nhé.