tailieunhanh - Khái niệm về CSS Một số kiểu Selector đặc biệt:

Khái niệm về CSS Một số kiểu Selector đặc biệt: - Đối với các liên kết: 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). - . | Tự Học PHP CHƯƠNG 3 LEVEL 3 ĐỊNH DẠNG HTML NÂNG CAO VỚI css Khái niệm về CSS Một số kiểu Selector đặc biệt - Đối với các liên kết 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 Code html head title Demo link title head 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 ket 1 a br a href Day la lien ket 2 a br a href Day la lien ket 3 a br a href Day la lien ket 4 a body html By traibingo 1 Page Tự Học PHP 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. Các selector lồng nhau Tại mỗi vùng của trang web cùng .