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
Thí 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
Thí dụ
Sử dụng thuộc tính đường viền CSS.
P {
biên 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
Thí dụ
Sử dụng thuộc tính CSS border và padding
P {
biên 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
Thí dụ
Sử dụng thuộc tính đường viền và lề CSS
P {
biên 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
Cascading Style Sheets (CSS) là ngôn ngữ W3C để áp dụng kiểu dáng cho các tài liệu HTML, XHTML hoặc XML (http. //www. w3. org/Kiểu/CSS/). CSS Cấp 1 hoặc CSS/1 (http. //www. w3. org/TR/CSS1) ra khỏi W3C vào năm 1996 và sau đó được sửa đổi vào năm 1999. CSS Cấp 2 hoặc CSS/2 (http. //www. w3. org/TR/CSS2/) trở thành đề xuất của W3C vào năm 1998. CSS/3 đang được xây dựng (http. //www. w3. org/Kiểu/CSS/công việc hiện tại). Có thể hiểu được, CSS/1 được hỗ trợ rộng rãi nhất
Để áp dụng CSS cho tài liệu XML, bạn phải sử dụng hướng dẫn xử lý biểu định kiểu XML, hướng dẫn này dựa trên một đề xuất khác của W3C (http. //www. w3. org/TR/biểu định kiểu xml). Hướng dẫn xử lý biểu định kiểu XML là tùy chọn trừ khi bạn đang sử dụng biểu định kiểu mà bạn muốn liên kết với tài liệu XML theo cách tiêu chuẩn
Hướng dẫn xử lý (PI) là một cấu trúc trong tài liệu XML có chứa hướng dẫn cho một ứng dụng (). Nói chung, PI có thể xuất hiện ở bất cứ đâu mà một phần tử có thể xuất hiện, mặc dù PI biểu định kiểu XML phải xuất hiện ở đầu tài liệu XML (mặc dù sau khai báo XML, nếu có). Phần đầu của tài liệu XML, trước khi phần tử tài liệu bắt đầu, được gọi là prolog
Đây là một ví dụ về một PI
Một PI được giới hạn bởi and ?>
. Thuật ngữ ngay sau is called the target . The target identifies the purpose or name of the PI. Other than the XML stylesheet PI, you can find PIs used in DocBook files [Hack #62] and in XML-format files used by Microsoft Office 2003 applications, such as Word [Hack #14] and Excel [Hack #15] .
yếu tố The purpose of the XML stylesheet PI is to associate a stylesheet with an XML document. The semantics of the XML stylesheet PI are like those of the HTML or XHTML link
. Các cấu trúc href
và type
được gọi là thuộc tính giả. PI thực sự có sáu thuộc tính giả, nhưng để ngắn gọn, chúng ta sẽ chỉ thảo luận về href
và type
tại đây (để biết thông tin về các thuộc tính khác—title
,
11
59
59
p.m.
0,
11
59
59
p.m.
1 và
11
59
59
p.m.
2—xem http. //www. w3. org/TR/biểu định kiểu xml)
Trong ví dụ vừa hiển thị, href
xác định một URI tương đối cho thời gian biểu định kiểu. css và type
xác định loại phương tiện cho biểu định kiểu, cụ thể là
11
59
59
p.m.
5 (xem http. //www. vietf. org/rfc/rfc2318. txt)
Thuộc tính
11
59
59
p.m.
6, phần tử
11
59
59
p.m.
7 hoặc tài liệu bên ngoài được liên kết với tài liệu HTML bằng phần tử
11
59
59
p.m.
8. Tuy nhiên, trong XML, bạn thường cần sử dụng các thuộc tính CSS được xác định trong tài liệu bên ngoài
11
59
59
p.m.
9and ?>
0
and ?>
1 (tên của phần tử and ?>
2) theo sau là một khai báo được đặt trong dấu ngoặc nhọn. Một khai báo bao gồm một hoặc nhiều cặp thuộc tính/giá trị; . Nếu có nhiều hơn một cặp, chúng được phân tách bằng dấu chấm phẩy
and ?>
3 theo sau là giá trị and ?>
4 và and ?>
5 với giá trị là and ?>
6. Câu lệnh đầu tiên nói rằng tất cả văn bản được tìm thấy bên trong phần tử and ?>
2 phải được hiển thị với kích thước điểm là 40;
Thuộc tính and ?>
8, cùng với các phần tử giả and ?>
9 và is called the target . The target identifies the purpose or name of the PI. Other than the XML stylesheet PI, you can find PIs used in DocBook files [Hack #62] and in XML-format files used by Microsoft Office 2003 applications, such as Word [Hack #14] and Excel [Hack #15] .
0, cả ba phần tử này đều là một phần của CSS/2. Phần tử giả trong CSS cho phép bạn áp dụng kiểu cho phần trừu tượng của phần tử, chẳng hạn như dòng đầu tiên trong phần tử, chữ cái đầu tiên trong phần tử và trước và sau phần tử (xem )
IE không hỗ trợ các phần tử giả and ?>
9 và is called the target . The target identifies the purpose or name of the PI. Other than the XML stylesheet PI, you can find PIs used in DocBook files [Hack #62] and in XML-format files used by Microsoft Office 2003 applications, such as Word [Hack #14] and Excel [Hack #15] .
0 cùng với thuộc tính is called the target . The target identifies the purpose or name of the PI. Other than the XML stylesheet PI, you can find PIs used in DocBook files [Hack #62] and in XML-format files used by Microsoft Office 2003 applications, such as Word [Hack #14] and Excel [Hack #15] .
4, vì vậy hãy tạo kiểu. xml sẽ không giống trong IE như trong Firefox ()
Thuộc tính is called the target . The target identifies the purpose or name of the PI. Other than the XML stylesheet PI, you can find PIs used in DocBook files [Hack #62] and in XML-format files used by Microsoft Office 2003 applications, such as Word [Hack #14] and Excel [Hack #15] .
5 và màu xám sử dụng thuộc tính is called the target . The target identifies the purpose or name of the PI. Other than the XML stylesheet PI, you can find PIs used in DocBook files [Hack #62] and in XML-format files used by Microsoft Office 2003 applications, such as Word [Hack #14] and Excel [Hack #15] .
6 cho các phần tử is called the target . The target identifies the purpose or name of the PI. Other than the XML stylesheet PI, you can find PIs used in DocBook files [Hack #62] and in XML-format files used by Microsoft Office 2003 applications, such as Word [Hack #14] and Excel [Hack #15] .
7, is called the target . The target identifies the purpose or name of the PI. Other than the XML stylesheet PI, you can find PIs used in DocBook files [Hack #62] and in XML-format files used by Microsoft Office 2003 applications, such as Word [Hack #14] and Excel [Hack #15] .
8 và is called the target . The target identifies the purpose or name of the PI. Other than the XML stylesheet PI, you can find PIs used in DocBook files [Hack #62] and in XML-format files used by Microsoft Office 2003 applications, such as Word [Hack #14] and Excel [Hack #15] .
9. Văn bản chứa trong The purpose of the XML stylesheet PI is to associate a stylesheet with an XML document. The semantics of the XML stylesheet PI are like those of the HTML or XHTML link
0 (dòng 9) sẽ được hiển thị bằng chữ hoa nhỏ, như được chỉ định với thuộc tính The purpose of the XML stylesheet PI is to associate a stylesheet with an XML document. The semantics of the XML stylesheet PI are like those of the HTML or XHTML link
1
Biểu định kiểu nhận hướng dẫn từ trình duyệt trong XML ở định dạng nào?
Microsoft® Internet Explorer sử dụng biểu định kiểu để hiển thị tài liệu XML khi tài liệu đó chứa hướng dẫn xử lý biểu định kiểu với loại " text/xsl" .
Định dạng nào mà biểu định kiểu nhận được?
Nếu không, ngôn ngữ biểu định kiểu mặc định là " text/css ".
Trình duyệt đọc CSS như thế nào?
Quy tắc CSS được đọc từ phải sang trái , nghĩa là nếu chúng ta có nội dung như. phần p { màu. màu xanh da trời; . Nếu đúng như vậy, nó sẽ áp dụng quy tắc CSS.
Biểu định kiểu mặc định của trình duyệt web được gọi là gì?
Biểu định kiểu mặc định. Biểu định kiểu mặc định còn được gọi là Biểu định kiểu trình duyệt Hoặc Biểu định kiểu tác nhân người dùng . Đây là biểu định kiểu mà trình duyệt áp dụng theo mặc định cho mọi trang web mà nó hiển thị. Vì vậy, nếu tác giả của một trang web không áp dụng bất kỳ kiểu dáng nào từ phía anh ta, thì trang web đó sẽ không phải là không có kiểu dáng.