CSS属性很多，以下简要介绍一些常用的CSS属性。

字体属性

font-family：字体，取值为字体名。可指定多个字体，用“,”分隔，如果字体名中含有空格，需用引号括起字体名。

如果用户的系统中没有安装前面的字体，则按顺序使用后面的字体。

font-size：文字大小，取值为长度值。可以是带单位的长度值，也可以是百分比。

如果使用百分比，则文字大小是相对于父对象文字大小的。

font-weight：文字粗细，取值为 normal (不加粗) 或 bold (加粗)。

你可以用此属性设置某些文字的加粗效果，也可以取消

~

标签默认的加粗效果。

font-style：文字倾斜，取值为 normal (不倾斜) 或 italic (倾斜)。

#d1 {
    font-style: italic;
}

文本属性

color：文本颜色，取值为颜色名或颜色值。

#d1 {
    color: #F0A983;
}

text-decoration：设置划线，取值为 none (无划线)、underline (下划线)、overline (上划线)、line-through (删除线)。

#d1 {
    text-decoration: underline;
}

text-align：对齐方式，取值为 left (左对齐)、right (右对齐)、center (居中)、justify (两端对齐)。

#d1 {
    text-align: center;
}

text-indent：首行缩进，取值为长度值或百分比。

#d1 {
    text-indent: 2em;
}

背景属性

background-color：背景颜色，取值为颜色名或颜色值。

#d1 {
    background-color: blue;
}

background-image：背景图像，取值为图像文件的地址。

#d1 {
    background-image: url(./images/bk.gif);
}

一般在指定背景图像时，通常也指定一个与背景图像近似的背景颜色，这样，当图像不能显示时，还可以显示颜色。

background-repeat：背景图像的铺排方式，取值为 repeat (平铺)、no-repeat (不平铺)、repeat-x (横向平铺)、repeat-y (纵向平铺)。默认为 repeat。

#d1 {
    background-repeat: no-repeat;
}

background-position：背景图像的铺排位置，取值一般是两个带单位的长度值，可正可负。用于指定图像铺排的起点。

#d1 {
    background-position: 0 -100px;
}

本例表示从背景图像的向下 100px 处开始铺排。

background：这是一个综合的背景属性，可同时指定背景颜色、背景图像、铺排方式、铺排位置等参数，用于简化背景属性的书写。

#d1 {
    background: blue url(./images/bk.gif) no-repeat;
}

它的值可包含多个内容，用空格分隔。不需要的参数可以不写。

边框属性

border：边框，取值中包含边框线的“宽度、风格、颜色”，用空格分隔。

#d1 {
    border: 1px solid red;
}

本例定义的边框：线宽度为1px，实线、红色。

边框线宽度：取值是一个长度值。如果取值为0，则表示无边框。

边框线风格：取值有 solid (实线)、dotted (点线)、dashed (虚线)、double (双线)、groove (3D凹槽)、inset (3D凹边)、outset (3D凸边)、ridge (菱形边框)。

border 属性一般用来设置四个边风格相同的边框。

border-top、border-right、border-bottom、border-left：设置边框单个边的属性，取值和 border 相同，但只作用于指定边。

#d1 {
    border-top: 1px solid red; border-right: 2px solid red;
}

本例定义了对象的上边和右边的边框线。

外边距属性

外边距是指一个对象外部空白的大小，利用此属性可设置对象间的距离。

margin：各边的外边距，取值一般是4个长度值或百分比，用空格分隔，依次为“上-右-下-左”四个边的外边距。如果各个边的外边距相同，可只设置一个值。

#d1 {
    margin: 10px 5px 10px 5px;
}

本例指定对象上下两边的外部空白为10px，左右两边的外部空白为5px。

margin-top、margin-right、margin-bottom、margin-left：设置单个边的外边距，取值为1个长度值或百分比。

#d1 {
    margin-top: 10px; margin-bottom: 20px;
}

本例定义了对象的上边和下边的外部空白大小。

内边距属性

内边距是指一个对象内部空白的大小，利用此属性可设置对象中的内容和对象边框间的距离。

padding：各边的内边距，取值一般是4个长度值或百分比，用空格分隔，依次为“上-右-下-左”四个边的内边距。如果各个边的内边距相同，可只设置一个值。

#d1 {
    padding: 10px;
}

本例指定对象内部4个边的内部空白都是10px。

padding-top、padding-right、padding-bottom、padding-left：设置单个边的内边距，取值为1个长度值或百分比。

#d1 {
    padding-left: 20px; padding-right: 20px;
}

本例定义了对象的左边和右边的内部空白大小。

其它

width：对象的宽度，取值是一个长度值或百分比。

#d1 {
    width: 80%;
}

当指定宽度为百分比时，对象的宽度是相对于其父对象的。

height：对象的高度，取值是一个长度值或百分比。

#d1 {
    height: 200px;
}

当指定高度为百分比时，对象的高度是相对于其父对象的。

line-height：行高，取值是一个无单位数值或长度值或百分比。

#d1 {
    line-height: 1.2em;
}

该属性用于设置对象中文字的行与行间的距离。指定的行高一般应大于文字的高度，这样文字间才不会发生重叠。

本例指定的行高是“1.2em”，表示行的高度是文字尺寸的1.2倍。

vertical-align：设置对象的垂直对齐方式。这个属性目前只对那些拥有 valign 属性的标签有效，比如图像、表格等，对一般对象无效。

常用取值有：baseline (基线对齐)、top (顶端对齐)、middle (中间对齐)、bottom (底部对齐)、长度值 (可以为负值，表示升高或降低指定高度)。

#d1 {
    vertical-align: middle;
}

本例表示把元素放置在垂直的中间位置，一般用于图像或表格。

cursor：指定鼠标光标形状。该属性只在IE浏览器中支持。

常用取值有：auto (默认)、default (正常选择)、hand (链接选择)、text (文本选择)、url(光标文件) (使用指定光标文件)。

#d1 {
    cursor: hand;
}

本例中，当鼠标指针移动到“#d1”定义的块中时，鼠标指针呈现为“手”形，就像指向超链接时一样。

附录：内联对象

内联对象用于在块对象中设置局部文本的样式。内联对象不能设置宽度、高度、位置等属性，它们只能设置颜色、字体、边框等呈现属性。

常用的内联对象有 、、 等。它们是有语义的标签， 标签表示一般文本，它没有默认的显示效果， 标签表示强调的文本，它默认的显示效果通常为斜体， 标签表示语气更强的强调，它默认的显示效果通常为粗体。我们可以用CSS重新设置它们的样式。

例如：

欢迎光临！

显示效果为：

欢迎光临！

#welcome 选择符定义了区块的总体样式，包括宽度(width)、高度(height)、边框(border)、背景色(background-color)、字体(font-family)、文字大小(font-size)、内部边距(padding)、对齐方式(text-align)等属性。

#welcome .t1 选择符定义了区块中类为“t1”的对象的样式。

#welcome .t2 选择符定义了区块中类为“t2”的对象的样式。

标签把一行中的文字组织为两个元素，分别引用对应的样式。