This is a headingThis is a paragraph.
Try it Yourself »
External CSS
An external style sheet is used to define the style for many HTML pages.
To use an external style sheet, add a link to it in the section of each HTML page:
Example
This is a headingThis is a paragraph.
Try it Yourself »The external style sheet can be written in any text editor. The file must not contain any HTML code, and must be saved with a .css extension.
Here is what the "styles.css" file looks like:
"styles.css":
body {
background-color: powderblue;
}
h1 {
color: blue;
}
p {
color: red;
}
Tip: With an external style sheet, you can change the look of an entire web site, by changing one file!
CSS Colors, Fonts and Sizes
Here, we will demonstrate some commonly used CSS properties. You will learn more about them later.
The CSS color
xác định màu văn bản sẽ được sử dụng
Thuộc tính CSS font-family
xác định phông chữ sẽ được sử dụng
Thuộc tính CSS font-size
xác định kích thước văn bản sẽ được sử dụng
Ví dụ
Sử dụng các thuộc tính CSS color, font-family và font-size
Đây là một tiêu đềĐây là một đoạn
Tự mình thử »
Đường viền CSS
Thuộc tính CSS border
xác định đường viền xung quanh phần tử HTML
Mẹo. Bạn có thể xác định đường viền cho gần như tất cả các phần tử HTML
Ví dụ
Sử dụng thuộc tính đường viền CSS.
P {
ranh giới. bột màu xanh đặc 2px;
}
Tự mình thử »
Đệm CSS
Thuộc tính CSS padding
xác định khoảng đệm (khoảng trắng) giữa văn bản và đường viền
Ví dụ
Sử dụng thuộc tính CSS border và padding
P {
ranh giới. bột màu xanh đặc 2px;
đệm. 30px;
}
Tự mình thử »
Ký quỹ CSS
Thuộc tính CSS margin
xác định lề (khoảng trắng) bên ngoài đường viền
Ví dụ
Sử dụng thuộc tính đường viền và lề CSS
P {
ranh giới. bột màu xanh đặc 2px;
lề. 50px;
}
Tự mình thử »
Liên kết đến CSS bên ngoài
Biểu định kiểu bên ngoài có thể được tham chiếu với một URL đầy đủ hoặc với một đường dẫn liên quan đến trang web hiện tại