Khi một trình duyệt đọc một bảng kiểu, nó sẽ định dạng tài liệu HTML theo thông tin trong bảng kiểu.
Ba cách để chèn CSS
Có ba cách chèn một bảng kiểu:
- CSS bên ngoài
- CSS nội bộ
- CSS nội tuyến
CSS bên ngoài
CSS nội bộ
CSS nội tuyến
Với một bảng kiểu bên ngoài, bạn có thể thay đổi giao diện của toàn bộ trang web bằng cách thay đổi chỉ một tệp!
Mỗi trang HTML phải bao gồm một tham chiếu đến tệp bảng kiểu bên ngoài bên trong phần tử, bên trong phần đầu.
Thí dụ
Các kiểu bên ngoài được xác định trong phần tử, bên trong phần của trang HTML:
This is a paragraph.
Thí dụ
Các kiểu bên ngoài được xác định trong phần tử, bên trong phần của trang HTML:
An external style sheet can be written in any text editor, and must be saved with a .css extension.
Đây là một tiêu đề Đây là một đoạn văn.
Hãy tự mình thử »
"mystyle.css"
Một bảng kiểu bên ngoài có thể được viết trong bất kỳ trình soạn thảo văn bản nào và phải được lưu với phần mở rộng .css.
background-color: lightblue;
}
Tệp .css bên ngoài không nên chứa bất kỳ thẻ HTML nào.
color: navy;
margin-left:
20px;
}
Đây là cách tệp "mystyle.css" trông như thế nào: Do not add a space between the property value and the unit:
Incorrect [space]: margin-left: 20 px;
Correct [nospace]: margin-left: 20px;
CSS nội bộ
CSS nội tuyến
Với một bảng kiểu bên ngoài, bạn có thể thay đổi giao diện của toàn bộ trang web bằng cách thay đổi chỉ một tệp!
Với một bảng kiểu bên ngoài, bạn có thể thay đổi giao diện của toàn bộ trang web bằng cách thay đổi chỉ một tệp!
Mỗi trang HTML phải bao gồm một tham chiếu đến tệp bảng kiểu bên ngoài bên trong phần tử, bên trong phần đầu.
Thí dụ
body {
background-color: linen;
}
Các kiểu bên ngoài được xác định trong phần tử, bên trong phần của trang HTML:
color: maroon;
margin-left: 40px;
}
This is a heading
This is a paragraph.
Thí dụ
Các kiểu bên ngoài được xác định trong phần tử, bên trong phần của trang HTML:
CSS nội tuyến
Với một bảng kiểu bên ngoài, bạn có thể thay đổi giao diện của toàn bộ trang web bằng cách thay đổi chỉ một tệp!
Mỗi trang HTML phải bao gồm một tham chiếu đến tệp bảng kiểu bên ngoài bên trong phần tử, bên trong phần đầu.
Với một bảng kiểu bên ngoài, bạn có thể thay đổi giao diện của toàn bộ trang web bằng cách thay đổi chỉ một tệp!
Mỗi trang HTML phải bao gồm một tham chiếu đến tệp bảng kiểu bên ngoài bên trong phần tử, bên trong phần đầu.
Thí dụ
This is a heading
This is a paragraph.
Thí dụ
Các kiểu bên ngoài được xác định trong phần tử, bên trong phần của trang HTML:
Tip: An inline style loses many of the advantages of a style sheet [by mixing content with presentation]. Use this method sparingly.
Đây là một tiêu đề Đây là một đoạn văn.
Hãy tự mình thử »
Một bảng kiểu bên ngoài có thể được viết trong bất kỳ trình soạn thảo văn bản nào và phải được lưu với phần mở rộng .css.external style sheet has the following style for the
element:
Tệp .css bên ngoài không nên chứa bất kỳ thẻ HTML nào.
color: navy;
}
Đây là cách tệp "mystyle.css" trông như thế nào:internal style sheet also has the following style for the
element:
Body {& nbsp; & nbsp; màu nền: lightBlue;}
color:
orange;
}
Với một bảng kiểu bên ngoài, bạn có thể thay đổi giao diện của toàn bộ trang web bằng cách thay đổi chỉ một tệp!
Mỗi trang HTML phải bao gồm một tham chiếu đến tệp bảng kiểu bên ngoài bên trong phần tử, bên trong phần đầu.after the link to the external style sheet, the
elements will be "orange":
Thí dụ
h2 {
color: orange;
}
Các kiểu bên ngoài được xác định trong phần tử, bên trong phần của trang HTML:
Với một bảng kiểu bên ngoài, bạn có thể thay đổi giao diện của toàn bộ trang web bằng cách thay đổi chỉ một tệp!
Mỗi trang HTML phải bao gồm một tham chiếu đến tệp bảng kiểu bên ngoài bên trong phần tử, bên trong phần đầu.before the link to the external style sheet, the
elements will be "navy":
Thí dụ
h2 {
color: orange;
}
Các kiểu bên ngoài được xác định trong phần tử, bên trong phần của trang HTML:
Cascading Order
Đây là một tiêu đề Đây là một đoạn văn.
Hãy tự mình thử »
- Một bảng kiểu bên ngoài có thể được viết trong bất kỳ trình soạn thảo văn bản nào và phải được lưu với phần mở rộng .css.
- Tệp .css bên ngoài không nên chứa bất kỳ thẻ HTML nào.
- Đây là cách tệp "mystyle.css" trông như thế nào:
Body {& nbsp; & nbsp; màu nền: lightBlue;}
Các kiểu bên ngoài được xác định trong phần tử, bên trong phần của trang HTML:
Ever heard about W3Schools Spaces? Here you can create your own website, or save code snippets for later use, for free.
Đây là một tiêu đề Đây là một đoạn văn.
Hãy tự mình thử »
Một bảng kiểu bên ngoài có thể được viết trong bất kỳ trình soạn thảo văn bản nào và phải được lưu với phần mở rộng .css.
Exercise:
Tệp .css bên ngoài không nên chứa bất kỳ thẻ HTML nào.
This is a heading
This is a paragraph
This is a paragraph
Đây là cách tệp "mystyle.css" trông như thế nào: