Cách sử dụng CSS

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 stylesheet. Ví dụ, rel="stylesheet"

Thuộc tính type

type là loại tài liệu bạn đang liên kết với HTML. Đối với CSS, nó là text/css. Ví dụ type="text/css"

Thuộc tính 0

0 là viết tắt của “tham khảo 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 để sử dụng CSS trên HTML?

CSS là gì và nó hoạt động như thế nào?

Làm cách nào để viết mã CSS?