CSS基本属性

CSS基本属性

一、字体属性<?xml:namespace prefix = o /><?xml:namespace prefix = o />

字体属性是最基本的属性。主要包括以下几种：

（1）font-family属性：用以指定文本的字体，如h1{font-family:黑体}
（2）font-style属性：用以指定文字是否加粗或使用斜体，其值可取Normal（不加粗）、Oblique（加粗），Italic（斜体）三种。
（3）font-variant属性：用以指定文字是否为小型大写字，有Normal（正常），small-caps（小型大写字）两种取值。
（4）font-weight属性：用以指定文字的粗细。有Normal（一般粗细），绝对粗细（100，200，300，400，500，600，700，800）和相对粗细（Bold，Bolder，Light和Lighter）三种取值。
（5）font-size属性：用以指定文字的大小，绝对大小（xx-small，x-small，small，medium，large，x-large，xx-large）、相对大小（Small，Large）、绝对长度（用像素表示，如15px表示15个像素点大小）、百分比（大小为其他文字的百分数）。
（6）font属性：是上述样式属性的综合表示法。如p{font:bold <?xml:namespace prefix = st1 /><?xml:namespace prefix = st1 />16pt}。
（7）color属性：用以指定文字的前景颜色即文字的颜色。

注：如果用＜font＞标签直接定义字体属性，一定要注意属性值的排列顺序，其规则为：font-style、font-variant、font-weight、font-family，其中没有定义的以默认值显示。其实习惯上还是不用font属性来统一定义，因为分开来定义的代码虽然很繁杂，但看上去却很直观，让人一看就知道定义的内容是什么。

二、颜色和背景属性

颜色和背景色属性主要有以下几种：

（1）background-color属性：设置元素的背景色，值为color或transparent。例如 .abc{background-color:blue}，h2{background-color:#3366FF}。
（2）background-image属性：用以指定HTML组件的背景图片，值为url或none。例如：body{background-image:url(pic01.gif)}。
（3）background-repeat属性：用以指定HTML组件的背景图片是否重复排列，值为repeat，repeat-x，repeat-y，no-repeat。
（4）background-attachment属性：用以指定HTML组件的背景图片是否随着网页内容滚动，值为scroll和fixed。
（5）background-position属性：用以指定背景图片从HTML组件的哪个位置开始显示，值为percentage，length，top，bottom，left，center和right。

三、文本属性

文本属性主要有以下几种：

（1）word-spacing属性：用以指定文字间距，值为normal和length。
（2）letter-spacing属性：用以指定字符间距。
（3）text-decoration属性：用以设置底线、顶线、闪烁等文字效果，值为none，underline，overline，line-through和blink。
（4）text-transform属性：用以指定英文单词的大小写，值为capitalize，uppercase，lowercase和none。
（5）text-align属性：用以指定文字的对齐方式，值为left，right，center和justify。
（6）text-indent属性：用以指定段落首先缩排，值为length和percentage。
（7）text-height属性：用以定义文本行高，值为normal，number，length和percentage。

四、框边界属性

框边界属性主要有以下几种：

（1）margin属性：用以控制一个元素在页面上的位置，值为margin-bottom，margin-left和margin-right等。
（2）border属性：用以设置边框宽度、颜色、样式的属性，值为border-width，border-style，border-color和border等。
（3）padding属性：也就是控制位置的属性，值为padding-bottom和padding-top等。
（4）框位置属性：用以设置元素的宽度和高度等，值为width，height，float和clear。

五、分级属性

分级属性主要有以下几种：

（1）display属性：用以指定HTML组件的显示方式，值为block，inline，ist-item和one等。
（2）white-space属性：用以决定一个元素如何处理其中的空白部分，值为normal，pre和nowrap等。
（3）list-style-type属性：用以指定项目符号或编号，值为disc，circle，square，decimal，lower-roman，upper-roman，upper-alpha和none。
（4）list-style-image属性：用以指定图片项目符号的图形文件名称，值为url或none。
（5）list-style-position属性：用以指定图片项目符号是否对齐项目数据的左边界，值为outside和inside。
（6）list-style属性：用以一次性指定包括前面提到的所有的list-style-type，list-style-image和list-style-position属性。