H1 {font-size: 18pt} H2 {font-size: 90%} {font-style: normal} 此属性用来指定字体的正体或斜体。画底线的部分可以使用 normal, italic, oblique (仅 IE4 支援 oblique) 来替换之。 此属性的内定值为 normal。 参考范例: H4 {font-style: italic} P {font-style: oblique} {font: 12pt/14pt} 此属性用来指定字体的大小与每行行距的高度。上例中,12pt 指的是字体的大小,14pt 指的是行距的高度。 事实上,{font: … } 可以集结所有跟 font 有关的扩充属性在此标签内,所以您除了在 {font: … } 内指定字体大小与行 距高度外,还可以在此标签内加入所有上述介绍过的属性。 参考范例: P {font: italic bold 12pt/14pt} STRONG {font: 14pt/18pt bolder italic Times, serif} CSS 中 Color 的扩充属性 {color: red} 此属性用来指定字体的颜色。画底线的部分可以用各式各样的颜色来替换之。您可以使用16 进位颜色码表示(如:#00ff77)或利用浏览器既定的英文单字表示颜色(如:gray, blue..... 详细请见: Table 的扩充属性 )。 如果您指定的颜色如同 #00ff77 一般,是两位数字、两位数字重覆组成的话 (00, ff,77 而非 03, 8f,7e ) ,您可以直接使用 #0f7简化表示之。 参考范例: BLOCKQUOTE {color: navy} LI {color: #eedd44} LI {color: #ed4} P {color: #007f3a} {background-color: red} 此属性用来指定整个网页的背景颜色,或某一段落,某一区块的背景颜色。画底线的部分可以用各式各样的颜色来替换之。您可以使用16 进位颜色码表示(如:#00ff77)或利用浏览器既定的英文单字表示颜色(如:gray, blue..... 详细请见: Table 的扩充属性 )。 如果您指定的颜色如同 #00ff77 一般,是两位数字、两位数字重覆组成的话 (00, ff,77 而非 03, 8f,7e ) ,您可以直接使用 #0f7简化表示之。 参考范例: BODY {background-color: #ed4} BLOCKQUOTE {background-color: navy} H2 {background-color: #007f3a} {background-image: url (/images/xyz.gif)} 此属性用来指定网页或某一区块的背景图案。画底线的部分可以使用图档的绝对位置或相对位置来表示之。 使用此标签时,最好同时也指定一个类似的颜色做背景颜色。 参考范例: BODY { background-image: url (/images/2T_logo.gif); background-color: #ededff } LI { background-image: url http://www.2T.com/2T_logo.gif); background-color: #cef } {background: (…)}
此标签可以集结所有跟 background 有关的扩充属性在此一标签内,所以您可以将所有上述介绍过的 background 属性一起加进来。 参考范例: BODY {background: white url (/images/2T_logo.gif) repeat-y} LI {background: #cc88ff url http://www.2T.com/2T_logo.gif) no-repeat} CSS 中 Text 的扩充属性 {text-decoration: none}
此属性用来指定文字是否画有底线或被线条杠掉(如:被线条杠掉此例)。画底线的部分可以用 none, underline, line-through 来替换之。 此属性的内定值为 none。 参考范例: P { color: navy; text-decoration: none } A:link, A:visited, A:active { text-decoration: underline } {text-align: left}
此属性用来指定文字是向左、向中、或向右对齐。画底线的部分可以用 left, right, center, justify 来替换之。 参考范例: P {text-align: left} H1 {text-align: center} {text-indent: 2cm} |