Hướng dẫn html link css - liên kết html css
CSS được thêm vào các trang HTML để định dạng trang web theo quy tắc CSS. Có ba cách để liên kết CSS với HTML. Nội dung chính CSS nội tuyến (Inline CSS)CSS nội tuyến (inline) được sử dụng để áp dụng CSS trên một dòng hoặc một phần tử. Để sử dụng CSS nội tuyến, bạn phải sử dụng thuộc tính style cho thẻ có liên quan.style cho thẻ có liên quan. Cú pháp: Ví dụ:
Ouput: Sự bất lợi của CSS nội tuyến
CSS nội bộ (Internal CSS)Nội bộ CSS được sử dụng để áp dụng CSS trên một tài liệu hoặc trang. Nó có thể ảnh hưởng đến tất cả các yếu tố của trang. Nó được viết bên trong thẻ trong phần của html. Ví dụ 1: Ví dụ 2:
Ouput: Sự bất lợi của CSS nội tuyếnBạn không thể sử dụng dấu nháy kép '"' bên trong CSS nội tuyến. Ví nếu bạn dùng dấu nháy kép thì trình duyệt sẽ hiểu đó là dấu kết thúc thuộc tính style. Ví dụ: Ouput: body { background-color: lightblue; } h2 { color: navy; margin-left: 20px; } Sự bất lợi của CSS nội tuyến
Ouput: Sự bất lợi của CSS nội tuyến Bạn không thể sử dụng dấu nháy kép '"' bên trong CSS nội tuyến. Ví nếu bạn dùng dấu nháy kép thì trình duyệt sẽ hiểu đó là dấu kết thúc thuộc tính style.CSS nội tuyến không được tái sử dụng.
Kết nối file CSS vào file HTMLTrước khi học cách kết nối file CSS vào HTML như thế nào, chúng ta hãy xét cấu trúc thư mục chứa các file như sau:
Click vào dấu [+] để xem cấu trúc. Nội fung file index.html Tiêu đề trang web ...Phần thân viết ở đây... |