Làm thế nào để bạn cung cấp một liên kết trong css?

Chương này hướng dẫn bạn cách đặt các thuộc tính khác nhau của siêu liên kết bằng CSS. Bạn có thể đặt các thuộc tính sau của siêu liên kết -

Chúng ta sẽ xem lại các thuộc tính tương tự khi chúng ta thảo luận về Lớp giả của CSS

• Các. liên kết biểu thị các siêu liên kết chưa được truy cập

• Các. đã truy cập biểu thị các siêu liên kết đã truy cập

• Các. di chuột biểu thị một phần tử hiện có con trỏ chuột của người dùng di chuột qua nó

• Các. hoạt động biểu thị một phần tử mà người dùng hiện đang nhấp vào

Thông thường, tất cả các thuộc tính này được giữ trong phần tiêu đề của tài liệu HTML

nhớ một. di chuột PHẢI đến sau một. liên kết và một. đã truy cập trong định nghĩa CSS để có hiệu quả. Vừa là. chủ động PHẢI đến sau một. hover trong định nghĩa CSS như sau -

Bây giờ, chúng ta sẽ xem cách sử dụng các thuộc tính này để tạo các hiệu ứng khác nhau cho siêu liên kết

Đặt màu của liên kết

Ví dụ sau minh họa cách thay đổi màu của các liên kết đang hoạt động. Các giá trị có thể là bất kỳ tên màu nào ở bất kỳ định dạng hợp lệ nào

HTML là ngôn ngữ đánh dấu giúp bạn xác định cấu trúc của trang web. CSS là ngôn ngữ biểu định kiểu mà bạn sử dụng để làm cho cấu trúc có thể trình bày được và bố cục đẹp mắt

Để tạo kiểu dáng mà bạn triển khai bằng CSS phản ánh trong HTML, bạn phải tìm cách liên kết CSS với HTML

Bạn có thể thực hiện liên kết bằng cách viết CSS nội tuyến, CSS nội bộ hoặc CSS bên ngoài

Cách tốt nhất là tách CSS của bạn khỏi HTML, vì vậy bài viết này tập trung vào cách bạn có thể liên kết CSS bên ngoài đó với HTML của mình

Cách liên kết CSS với HTML

Để liên kết CSS với HTML của bạn, bạn phải sử dụng thẻ liên kết với một số thuộc tính có liên quan

Thẻ liên kết là thẻ tự đóng bạn nên đặt ở phần đầu của HTML

Để liên kết CSS với HTML với nó, đây là cách bạn thực hiện

Đặt thẻ liên kết ở phần đầu của HTML của bạn như hình bên dưới

Các thuộc tính của thẻ liên kết

Thuộc tính rel

rel là mối quan hệ giữa tệp bên ngoài và tệp hiện tại. Đối với CSS, bạn sử dụng

1. Ví dụ,

2

Thuộc tính 3

3 là loại tài liệu bạn đang liên kết với HTML. Đối với CSS, nó là

5. Ví dụ

6

Thuộc tính 0

0 là viết tắt của “tham chiếu siêu văn bản”. Bạn sử dụng nó để chỉ định vị trí của tệp CSS và tên tệp. Đây là một liên kết có thể nhấp được, vì vậy bạn cũng có thể giữ

2 và nhấp vào liên kết đó để xem tệp CSS

Ví dụ:

3 nếu tệp CSS nằm trong cùng thư mục với tệp HTML. Hoặc

4 nếu tệp CSS nằm trên một thư mục khác

Suy nghĩ cuối cùng

Bài viết này hướng dẫn bạn cách liên kết chính xác tệp CSS bên ngoài với HTML bằng thẻ

5 và các thuộc tính cần thiết

Chúng tôi cũng đã xem xét ý nghĩa của từng thuộc tính, vì vậy bạn không chỉ sử dụng chúng mà không biết chúng hoạt động như thế nào

Tiếp tục viết mã…

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO

---

Kolade Chris

Nhà phát triển web và nhà văn kỹ thuật tập trung vào các công nghệ giao diện người dùng

---

Nếu bạn đọc đến đây, hãy tweet cho tác giả để cho họ thấy bạn quan tâm. Tweet một lời cảm ơn

Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

Làm cách nào để đặt liên kết trong CSS?

Thẻ liên kết trong CSS là gì?