Style sheet bên ngoài có thể được viết bằng bất kỳ
trình soạn thảo văn bản nào. Tệp không chứa bất kỳ thẻ html nào. Style sheet độc
lập cần được lưu trong một tệp có đuôi (phần mở rộng) là .css.
Ví dụ về một tệp tin style sheet có tên là
"myStyle.css" dưới đây:
body {
background-color: lightblue;
}
h1 {
color: navy;
margin-left: 20px;
}
Style
sheet nội bộ
Một style sheet nội bộ có thể được sử dụng nếu bạn chỉ
có một trang HTML với kiểu là duy nhất.
Kiểu (style) nội bộ được định nghĩa trong phần tử
<style>, phần tử này đặt trong phần đầu của một trang HTML (nằm trong
<head>):
Nếu một số thuộc tính đã được xác định cho cùng một bộ
chọn (selector) (phần tử) trong các style sheet khác nhau, các giá trị style
sheet được đọc cuối cùng sẽ được sử dụng.
Ví dụ
Giả sử rằng một style sheet bên ngoài có định nghĩa
kiểu sau đây cho các phần tử <h1>:
h1 {
color: navy;
}
sau đó, giả sử rằng có một style sheet nội bộ cũng đã
định nghĩa kiểu cho <h1> như sau:
h1 {
color: orange;
}
Nếu style sheet nội bộ được xác định sau khi liên kết
tới style sheet bên ngoài, phần tử <h1> sẽ có văn bản màu
"orange"(cam):
Đăng nhận xét