CSS基本样式详解

1. CSS背景

CSS允许应用纯色作为背景，也可以使用背景图片创建复杂的背景

属性	描述
background-attachment	背景图像是否固定或者随着页面的其余部分滚动
background-color	设置元素的背景颜色
background-image	把图片设置为背景
background-position	设置背景图片的其实位置
background-repeat	设置背景图片是否及如何重复
background-size	规定背景图片尺寸大小
background-origin	规定背景图片的定位区域
background-clip	规定背景的绘制区域

例如：background-image：url（“1.JPG”）；

            background-repeat：no-repeat、repeat、repeat-x 、repeat-y（默认允许重复）

            background-position：top 、right、 bottom 、left、 center（也可以使用坐标确定位置，或者百分数确定）

            background-attachment：fixed（不随着页面滚动而滚动）默认属性是随着页面内容滚动

2. CSS文本

CSS文本属性可定义文本外观，通过文本属性可以改变文本颜色、字符间距、对齐文本、装饰文本、对文本缩进等

常用属性（红色标出的更为常用）：

属性	描述
color	文本颜色
direction	文本方向
line-height	行高
letter-spacing	字符间距
text-align	对齐元素中的文本
text-decoration	向文本添加装饰
text-indent	缩进元素中文本的首行
text-transform	元素中的字母
unicode-bidi	设置文本方向
white-space	元素中空白的处理方式
word-spacing	字间距

CSS3文本效果：text-shadow（向文本添加阴影）、word-wrap（规定文本的换行规则）

3. CSS字体

CSS字体属性定义文本的字体系列、大小、加粗、风格和变形

属性	描述
font-family	设置字体系列
font-size	设置字体大小
font-style	设置字体风格
font-variant	以小型大写字体或者正常字体显示文本
font-weight	设置字体粗细

4. CSS链接

CSS链接的四种状态：

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

a:visited 用户已访问的链接

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

a:active 链接被点击的时刻

常见的链接样式：

text-decoration（none）  大多用于去掉链接中的下划线

background-color  也可以设置背景颜色

5. CSS列表

CSS列表属性允许放置、改变列表标志、或者将图像作为列表标志

属性	描述
list-style	简写列表项
list-style-image	列表项图像
list-style-position	列表标志位置
list-style-type	列表类型

6. CSS表格

（1）表格边框（border）

（2）折叠边框 （border-collapse）

（3）表格宽高（width、height）

（4）表格文本对齐（text-align）

（5）表格内边距（padding）

（6）表格颜色（background-color）

7. CSS轮廓

轮廓用来突出元素的作用

属性	描述
outline	设置轮廓属性
outline-color	设置轮廓颜色
outline-style	设置轮廓样式
outline-width	设置轮廓宽度