Bạn có thể quen thuộc với các liên kết HTML, nơi bạn liên kết đến một trang web khác. Nhưng bạn có biết rằng bạn cũng có thể tạo liên kết CSS không?
OK, các liên kết CSS thực sự là các liên kết HTML - được ngụy trang
Liên kết CSS là gì?
Khi chúng tôi nói "liên kết CSS", hầu hết mọi người [hoặc ít nhất là hầu hết các nhà phát triển web] nghĩ về các siêu liên kết có giao diện và/hoặc hoạt động khác với các liên kết HTML thông thường. Thực sự có một thẻ HTML link
cho phép bạn liên kết với một biểu định kiểu bên ngoài, nhưng đó không phải là điều chúng ta sẽ nói ở đây
Thông thường, các liên kết CSS sẽ có hiệu ứng "di chuột qua" khi bạn di chuyển con trỏ qua liên kết. Đôi khi một liên kết CSS sẽ bị xóa phần gạch chân. Trang này khám phá một số hiệu ứng phổ biến mà bạn có thể đạt được với các liên kết CSS
Di chuột qua hiệu ứng
Có lẽ việc sử dụng CSS phổ biến nhất trên các siêu liên kết là để tạo hiệu ứng "di chuột qua" đó. Thông thường, liên kết sẽ đổi màu khi người dùng di chuyển chuột để con trỏ di chuyển qua liên kết. Đôi khi gạch dưới sẽ biến mất [hoặc xuất hiện] khi liên kết được di chuột qua. Tuy nhiên, bạn không bị giới hạn chỉ với những hiệu ứng này. Với di chuột qua, bạn có thể chỉ định bất kỳ kiểu nào mà CSS cho phép. Bạn có thể in đậm văn bản, in nghiêng, tăng kích thước, thay đổi màu nền. bất cứ điều gì. Phải nói rằng, bạn nên chú ý đến giao diện của nó trong tất cả các trình duyệt. Thay đổi kích thước hoặc trọng lượng phông chữ có thể dẫn đến bố cục nhảy xung quanh [do khối lượng phông chữ tăng lên]
Dù sao, hiệu ứng di chuột qua được thực hiện bằng cách sử dụng lớp giả CSS a:hover
. Bạn có thể theo bộ chọn này với bất kỳ kiểu nào bạn muốn. Dưới đây là một số ví dụ
Thí dụ
Mã nguồnKết quảHướng dẫn trang web tuyệt vời
- Học HTML
- Học CSS
- Học JavaScript
- Tìm hiểu ColdFusion
- Tìm hiểu cơ sở dữ liệu
- Học SQL
- Học PHP
Nút di chuột
Bạn có thể áp dụng lớp giả hover
cho bất kỳ thẻ nào - nó không nhất thiết phải là thẻ neo. Điều này có nghĩa là thật dễ dàng để tạo nút CSS với hiệu ứng di chuột qua. Chỉ cần tạo một nút chẳng hạn như thẻ div
, sau đó áp dụng thẻ giả hover
cho div. Hoặc, nếu bạn muốn sử dụng danh sách cho menu của mình, hãy di chuột qua thẻ li
Thí dụ
- Thẻ HTML
- Thẻ HTML5
- Thuộc tính CSS
Liên kết hoạt động
Bạn cũng có thể thay đổi kiểu liên kết hoạt động. Đó là, các liên kết vừa được nhấp vào. Trong ví dụ sau, chúng tôi thay đổi hiệu ứng di chuột qua thành hiệu ứng liên kết hoạt động. Do đó, hiệu ứng phong cách không xảy ra cho đến khi người dùng nhấp vào liên kết
Nhấp vào từng liên kết bên dưới để xem điều gì sẽ xảy ra khi bạn nhấp vào liên kết đó
Mã nguồnKết quảHướng dẫn trang web tuyệt vời
- Học HTML
- Học CSS
- Học JavaScript
- Tìm hiểu ColdFusion
- Tìm hiểu cơ sở dữ liệu
- Học SQL
- Học PHP
Liên kết đã truy cập
Liên kết đã truy cập là những liên kết mà người dùng đã truy cập trước đó. Cụ thể hơn, đó là một liên kết hiện có trong lịch sử duyệt web của trình duyệt
Bạn có thể thay đổi kiểu của các liên kết đã truy cập. Hầu hết các trình duyệt thay đổi màu sắc theo mặc định
Trong ví dụ bên dưới, biểu định kiểu chỉ định một màu cho siêu kết nối, nhưng nó chỉ định màu khác cho các liên kết đã truy cập. Để kiểm tra điều này, hãy nhấp vào một trong các liên kết, sau đó quay lại trang này [bạn có thể cần làm mới trang]. Liên kết đã truy cập phải có màu khác với các liên kết chưa được truy cập. Tất nhiên, điều này giả định rằng bạn chưa từng truy cập các liên kết này trước đây. Nếu bạn có, trước tiên hãy làm mới lịch sử duyệt web của bạn
Bạn có thể học phát triển web miễn phí tại Quackit Tutorials.
– Ravin [@ravinwashere] ngày 5 tháng 5 năm 2021
Trang web này bao gồm các hướng dẫn
- HTML
-CSS
- JavaScript
- Trăn
-PHP
- MySQL
- SQLite
- MongoDB
- Và nhiều cái khác
Liên kết - https. //t. ảnh co/IZH0MCbw3f. Twitter. com/44bx7Q0CYx
sitelike. org là một công cụ miễn phí để tìm kiếm và tìm các Trang web Tương tự, các lựa chọn thay thế hoặc có liên quan đến trang web đã cho
Nó giúp bạn tìm các trang web tương tự dựa trên sự trùng lặp từ khóa và đối tượng được chia sẻ
Nhóm của chúng tôi đang kiểm tra và tìm các trang web tương tự theo cách thủ công và khách truy cập của chúng tôi cũng đang giúp chúng tôi tìm các trang web tương tự tốt nhất
"Các trang web tương tự như" trước tiên tìm các từ khóa tốt nhất và hàng đầu cho tất cả các trang web và xếp hạng chúng
Đã truy cập gần đây. 12 lần
Tôi chăm sóc phần lớn các chiến dịch email mà chúng tôi gửi với tư cách là một công ty, tổng hợp chúng lại với nhau, v.v. Hiện tại, chúng tôi đang trả tiền cho một người làm việc tự do để thiết kế bất kỳ mẫu email mới nào cho chúng tôi trong studio thiết kế vì tôi không biết mã HTML và cách kết hợp chúng lại với nhau
Trong vài tháng qua, tôi đã tự học được một số điều nhỏ [cách thay đổi năm ở chân trang, thêm các cột bổ sung - sao chép và dán là một điều tuyệt vời. ], nhưng sẽ là một sự trợ giúp tuyệt vời cho tất cả chúng ta ở đây nếu tôi biết thêm một số điều và chỉ hiểu chung chung tất cả các mã và ký hiệu ngẫu nhiên có nghĩa là gì
Ai đó có thể giới thiệu bất kỳ nguồn tốt nào [trực tuyến hoặc trong cộng đồng Marketo] để giúp tôi tìm hiểu thêm không?