CSS bên ngoài

CSS bên ngoài là cách thêm kiểu CSS vào tài liệu HTML bằng cách đặt chúng trong một tệp CSS riêng rồi liên kết tệp đó với tài liệu HTML bằng thẻ <link>. Cách này giúp bạn áp dụng cùng một kiểu cho nhiều trang HTML, nhờ đó việc duy trì và cập nhật thiết kế trang web trở nên dễ dàng hơn. CSS bên ngoài phù hợp với các dự án lớn, nơi tính nhất quán và hiệu quả rất quan trọng.

Đây là cách sử dụng CSS bên ngoài:

1. Tạo một tệp CSS (ví dụ: styles.css) chứa các quy tắc CSS của bạn:

body {
    background-color: lightblue;
}
p {
    color: blue;
    font-size: 16px;
}

     2. Liên kết tệp CSS với tài liệu HTML bằng cách thêm thẻ <link> vào phần <head>:

<!DOCTYPE html>
<html>
<head>
    <title>External CSS</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>Welcome to My Page</h1>
    <p>This is a paragraph of text.</p>
</body>
</html>

Trong ví dụ này, thẻ <link> kết nối tệp styles.css với tài liệu HTML. Thuộc tính rel cho biết mối quan hệ giữa tài liệu HTML và tệp được liên kết (bảng định kiểu), còn thuộc tính href chỉ định đường dẫn đến tệp CSS.