-
Bất kỳ CSS nội tuyến nào cũng có ưu tiên cao nhất. Vì vậy, nó sẽ ghi đè bất kỳ quy tắc được định nghĩa trong thẻ <style> … </ style> hoặc các quy tắc được định nghĩa trong bất kỳ tập tin CSS bên ngoài.
-
Bất kỳ quy tắc nào được định nghĩa trong thẻ <style> … </ style> sẽ ghi đè các quy tắc được định nghĩa trong bất kỳ tập tin CSS bên ngoài.
-
Bất kỳ quy tắc nào được định nghĩa trong tập tin CSS bên ngoài đều có mức độ ưu tiên thấp nhất và các quy tắc được xác định trong tệp này sẽ chỉ được áp dụng khi hai quy tắc trên không áp dụng.
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.
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.
Cú pháp:
Ví dụ:
Ouput:
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ẻ <style> trong phần <head> của html.
Ví dụ 1:
Ví dụ 2:
Ouput:
CSS bên ngoài được sử dụng để áp dụng CSS trên nhiều trang. Ở đây, chúng ta viết tất cả các mã CSS trong một tệp css. Phần mở rộng của nó phải là .css ví dụ style.css.
Ví dụ:
File: style.css
Bạn cần phải liên kết file style.css này với các trang html như sau:
Ouput:
Thẻ <link> phải được sử dụng trong phần <head> của html.
Dưới đây là các quy tắc để ghi đè quy tắc CSS.
