Học JavaScript qua ví dụ part 59

Thường Style Sheet Properties Trong các ví dụ trước, gia đình và màu sắc font là tài sản (còn gọi là thuộc tính), và gán giá trị cho họ xác định phong cách của tài liệu. Liệt kê trong Bảng 14,1 là một số thuộc tính thường được sử dụng trong phong cách trang. Nhiều người trong số những tài sản này được sử dụng trong bảng phong cách được định nghĩa trong suốt chương này và sau đó là thuộc tính của kiểu đối tượng sử dụng với JavaScript | 532 Chapter 14 Introduction to CSS Cascading Style Sheets with JavaScript EXPLANATION 1 Three selectors hl h2 and h3 are grouped together. The declaration block enclosed in curly braces sets the color property to blue. Whenever any one of the hl h2 or h3 elements is used in the document its text will be blue. 2 The declaration block for the hl selector consists of a group of properties and values to further define the font style for this heading. 3 The font property in this example groups the font values as a list rather than creating individual property value pairs as done on line 2. 4 Now the hl tag is tested to see if the style was applied and it is 5 The style for the h2 tag is tested and it has been applied. 6 The only style set for the h3 tag is a blue font and that s all we get as shown in Figure . Figure Grouping selectors and declarations for hl h2 and h3 HTML elements. Common Style Sheet Properties In the previous examples font-family and color are properties also called attributes and assigning values to them defines the style of the document. Listed in Table are some of the properties commonly used in style sheets. Many of these properties are used in the style sheets defined throughout this chapter and later as properties of the style object used with JavaScript. The Web Design Group provides a complete listing of this information at http reference css . From the Library of Common Style Sheet Properties 533 Table Style Sheet Properties Property Value Example Tags Affected Fonts font 12pt 14pt sans-serif 80 sans-serif x-large 110 arial normal small-caps All font-family serif sans-serif cursive fantasy monospace or any specific font typeface name may be used All font-size 12pt larger 150 All font-size-adjust xx-small x-small small medium large x-large xx-large smaller larger 12pt 25 All font-stretch normal wider narrower ultra-condensed extra-condensed condensed .