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
Link CSS to HTML
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
Link CSS to HTML
0
Link CSS to HTML
Link CSS to HTML
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ữ
Link CSS to HTML
2 và nhấp vào liên kết đó để xem tệp CSSVí dụ:
Link CSS to HTML
3 nếu tệp CSS nằm trong cùng thư mục với tệp HTML. Hoặc
Link CSS to HTML
4 nếu tệp CSS nằm trên một thư mục khácSuy 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ẻ
Link CSS to HTML
5 và các thuộc tính cần thiếtChú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
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