Cách liên kết CSS với HTML để trang trí web của bạn

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

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”  >

Xem thêm:  Những việc phải biết làm khi học HTML

<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.

Thuộc tính Type của phần tử Input trong Form
Tthuộc tính Type của phần từ Input trong Form Html cơ bản

Chúng ta đã nói về phần tử input, chúng ta cũng biết type là thuộc tính của phần từ input. Nó quy Chi tiết

Thuộc tính trong HTML là gì? Điều cần biết về thuộc tính trong Html
Thuộc tính trong HTML

Chúng ta biết cấu trúc Html được tạo thành bởi các phần tử Html. Mỗi phần tử Htlm lại có Chi tiết

Tạo menu Html và các bước cần quan tâm
Tạo menu Html và cá bước cần quan tâm

Chúng ta sẽ đi vào việc tạo menu Html cơ bản thông qua các phần tử html và các bước Chi tiết

Tạo Form đăng ký: Phần tử input người tiếp nhận hồ sơ
Phần tử Input trong Form Html cơ bản

Form nhập liệu thì ắt phải có dữ liệu được nhập vào. Vậy dữ liệu được nhập vào tại đâu? Chi tiết