DHTML动态网页设计 CSS基础 II.pptVIP

2.1 字体 Font Font常见属性包括： 字体、字号、字符间距、词间距、行间距、粗体、斜体、下划线、删除线等 1. font-style 基本格式： font-style : normal | italic 2. font-variant 基本格式： font-variant : normal | small-caps 3. font-weight 基本格式： font-weight : normal | bold 4. font-size 基本格式： font-size : length 5. line-height 基本格式： line-height : normal | length 6. font-family 基本格式： font-family : name 参数： name : 字体名称。按优先顺序排列。以逗号（,）隔开。注意：如果字体名称包含空格，则应使用引号（）括起。 示例： P {font-family: Arial, Courier, Courier New} 7. font 基本格式： font : font-style || font-variant || font-weight || font-size || line-height || font-family 示例： p { font: italic small-caps bold 12px 150% Courier; } 8. color 基本格式： color : colorvalue 示例： div {color: #F0F0F0;} div {color: rgb(100,80,200);} div {color: red;} 9. text-decoration 基本格式： text-decoration : none || underline || overline || line-through 示例： div { text-decoration : underline overline; } 10. letter-spacing 基本格式： letter-spacing : normal | length 中文单字或英文字母 示例： div {letter-spacing:6px; } 11. word-spacing 基本格式： word-spacing : normal | length 英文单词 示例： div { word-spacing : 10px; } 12. text-transform 基本格式： text-transform : none | capitalize | uppercase | lowercase 参数： none : 无转换发生 capitalize : 将每个单词的第一个字母转换成大写，其余无转换发生 uppercase : 转换成大写 lowercase : 转换成小写 示例： div { text-transform : uppercase; } 2.2 文本 Text 1. white-space 基本格式： white-space : normal | pre | nowrap 2. text-indent 基本格式： text-indent: length 3. vertical-align 基本格式： vertical-align : baseline |sub | super |top |middle |bottom |length 4. text-align 基本格式： text-align : left | right | center | justify 5. layout-flow 基本格式： layout-flow : horizontal | vertical-ideographic 6. direction 基本格式： direction : ltr | rtl 参数： ltr : 文本流从左至右水平排。 rtl : 文本流从右至左水平排。但英文字符也是从右向左排，所以不适合排列英文。 须设定unicode-bidi: bidi-override。 2.3 背景 Background 1. background-color 基本格式： background-color : transparent | color 2. background-image 基本格式： background-image : none | url (url) 示例： p { background-image: url (/images/bg.gif); } 3. background-repeat 基本格式： backgroun