§ ITPOW >> 文档 >> CSS

ITPOW教程-CSS(5)

作者:ITPOW 来源:ITPOW 日期:2006-5-18

ITPOW教程 从用出发


从这一节开始,我们就分类地讲解样式表内容了,同样我们只讲解最常用的,对于不常用的属性和属性值,您也不用担心会漏掉,因为我们在最后一节安排有 CSS 样式表大全下载。

字体
line-height 行高,常见属性值是 150% 表示 1.5 倍于字体的高度,也即 0.5 倍行距,请参见前一节的长度单位。
font-size 字体大小,请参见前一节的长度单位,如 div {font-size:14px;} 表示 div 内字体大小为 14 像素。
color 字体颜色,请参见前一节的颜色单位。
font-weight 字体粗细,常用可选值有:normal(正常)、bold(粗体)。
font-style 字体样式,常用可选值有:normal(正常)、italic(斜体)。
text-decoration 文字装饰,常用可选值有:none(无)、underline(下划线)。

文本
text-indent 首行缩进,一般两倍于字体大小,即缩进两个字符。这里不能用200% 表示,因为 200% 在这里表示两倍于一行的宽度,但可以用 2em 表示。
text-align 文本对齐方式,可选值有:left(居左)、center(居中)、right(居右)。两端对齐在目前的浏览器中不可用。

背景
background-color 背景颜色。
background-image 背景图片,url("背景图片地址")。
background-position 背景图片位置,有两个值,第一个值有:top、center、bottom,第二值有:left、center、right。比如 background-position:bottom right,表示背景图像从右下角开始往左下角铺。
background-repeat 背景是否重复,默认情况下背景会往 x、y 两个方向重复的。可选值有:repeat(重复)、no-repeat(不重复)、repeat-x(背景只在 x 方向上重复)、repeat-y(背景只在 y 方向上重复)。

尺寸
width 宽度
height 高度

布局
float 浮动,table、div 之类的块级元素,一行只能显示一个 table 或 div 的,要让一行显示两个 table 或 div,就得用浮动,我们会在后面的讲解中给出具体示例。
clear 使当前元素不受前面浮动元素的影响。
display 当前元素是否可显,常用属性值有:block(可显)、none(不可显)。
visibility 当前元素是否可见,常用属性值有:visible(可见)、hidden(不可见)。visibility 不可见时,元素的空间还保留,就如同一个人穿了“隐形衣”一样,虽然不可见,但它仍然占有空间,而 display 不仅不可见,它也不会占有任何页面空间。
overflow 当内容超过 HTML 元素指定的宽度或高度时怎么办。常用可选值有:visible(自动增加 HTML 元素的宽度或高度)、auto(显示滚动条)、hidden(不显示超过宽度或高度的内容)、scroll(不管是否超过指定宽度或高度均显示滚动条)。

外边距、内边距、边框 我们已经在第三节作了介绍,请点这里查看。

列表
list-style-type 列表项前面的引导标记,默认是一个实心圆点。
list-style-image 不使用系统确定的列表项前面的引导标记,而使用自定义图像,属性值为:url("图像地址")。

表格
border-collapse 相邻的单元格边框是合在一起还是独立,可选值有:separate(独立)、collapse(共同使用一个边框)。

光标
可以为光标指定样式,请参见:CSS 光标属性一览

相关文章