代码改变世界

CSS样式

2015-05-12 13:53  sylar_liang  阅读(172)  评论(0编辑  收藏  举报

1.CSS背景属性

background:作用是将背景属性设置在一个声明中。

background-attachment:背景图像是否固定或者随着页面的奇遇部分滚动。

background-color:设置元素的背景颜色。

background-image:把图像设置为背景。

background-position:设置背景图像的起始位置。

background-repeat:设置背景图像 是否 及 如何重复。

 

2.CSS文本属性

color:设置文本颜色。

direction:设置文本方向。

line-height:设置行高。

letter-spacing:设置字符间距。

text-align:对齐元素中的文本。

text-decoration:向文本添加修饰。

text-indent:缩进元素中 文本的首行。

text-transform:控制元素中的字母。

white-space:设置元素中空白的处理方式。

word-spacing:设置字间距。

 

3.CSS字体

5种通用字体系列:

Serif、Sans-serif、Monospace、Cursive、Fantasy。

font:把所有针对字体的属性设置在一个声明中。

font-family:设置字体系列。

font-size:设置字体的尺寸。

font-style:设置字体风格。

font-variant:以小型大写字体 或者 正常字体 显示文本。

font-weight:设置字体的粗细。

 

4.CSS链接

链接4种状态:

a:link 普通的、未被访问的链接。

a:visited 用户已访问的链接。

a:hover 鼠标指针位于链接的上方。

a:active 链接被点击的时刻。

 

5.CSS列表

list-style: 用于把所有用于列表的属性设置于一个声明中。

list-style-image:将图像设置为列表项标志。

list-style-position:设置列表中列表项标志的位置。

list-style-type:设置列表项标志的类型。

 

6.CSS表格

border-collapse:设置是否把表格边框合并为单一的边框。

border-spacing:设置分隔单元格边框的距离。

caption-side:设置表格标题的位置。

empty-cells:设置是否显示表格中的空单元格。

table-layout:设置显示单元、行和列的算法。

 

7.CSS轮廓

outline:在一个声明中设置所有的轮廓属性。

outline-color:设置轮廓的颜色。

outline-style:设置轮廓的样式。

outline-width:设置轮廓的宽度。