Chúng ta từng bảo Css là người bạn thân thiết của Html. Mà đã là bạn thân thì chắc hẳn phải có sợ dây liên kết nào đó với nhau. Hôm nay chúng ta sẽ tìm hiểu qua các cách để liên kết Css với Html.
Cách cách chèn Css và Html ở đây có 3 cách.
1. Nhà đứa nào mấy ở (Html và Css là 2 file riêng biệt)
Nghe nhà đứa nào mới ở thì hiểu rồi ha. Css sẽ ở nơi thuộc về nó đó là file ” x.css “. Còn html vẫn sẽ ở “x.html”
Tuy nhà ai nấy ở, tuy xa mặc nhưng không cách lòng. Quan trọng là chỉ cần cho anh Html nhà ta biết địa chỉ nhà cô Css thì tình củm vẫn khắn khích, thuộc tính của em như của anh, cấu trúc của anh như của em vậy thui hi. Vậy nên cô Css sẽ gửi địa chỉ của mình cho anh Html biết (hiêu biết là nhận thưc, nhận thức là ghi vào phần tử Head)
Và cấu trúc liên kết css với Html là:
<head>
<link rel=”stylesheet” type=”text/css” href=”địa chỉ của cô css hi” >
<head>
Và đó là 1 cách đê kết hợp css và html khi hai đứa không chung nhà
2. Khi hai ta về một nhà (html và css cùng trong 1 file)
Nếu cảm thấy hai đứa ở xa vậy sẽ đâm ra thương nhớ. Thì cứ cho chúng về ở chung 1 nhà. Nghĩa là chúng ta sẽ viết Css trực tiếp vào file chứa Html
Bằng cách dùng phần từ style . Và tất nhiên khi về một cung một nhà với Html thì Css cũng sẽ được ở trong phần tử Head của file Html
Cú pháp liên kết Css với Html là:
<head>
<style> Nội dung css được viết bên trong đây </style>
</head>
3. Muốn gặp là gặp (chèn css cho phần tử bất kỳ)
Nhưng đôi khi chúng ta chỉ mún thay đổi thuộc tính Css của 1 phần tử nhỏ trong cấu trúc. Thì chúng ta có thể thêm trực tiếp Css vào phần tử.
Để làm được việc đó thì chúng ta dùNg thuộc tính toàn nầu Style
Cú pháp liên kết Html với Css là:
<X style=” ” >……</X>
Trong đó X là phần tử bất kỳ nào đó.
Chú ý: Ở cách 2 và cách 3 điều là chữ Style. Nhưng 1 cái là phần từ, 1 cái là thuộc tính toàn cầu. Ý nghĩa và cách viết của chúng khác nhau.
Tất nhiên 3 cách này có thể sử dụng cùng nhau. Vấn đề là bạn bố trí chọn lựa sao cho dễ quản lý chỉnh sửa sau này.