html实践——IFE task 02（CSS样式）

1. CSS背景：

　（1）background:

　（2）background-color:

　（3）background-img:

　（4）background-repeat:

　　>>repeat:

　　>>no-repeat:

　　>>inherit:继承父类的属性

　　>>repeat-x:

　　>>repeat-y:

　（5）background-position:

　　>>bottom:

　  >>center:

　  >>inherit:继承父类的属性

　 >>left:

　>>top:

　>>right:

（6）background-attachment:

　>>fixed:图像相对于可视区是固定的

　>>scroll:默认值,背景会随文档滚动

　>>inherit:继承父类的属性

2. CSS文本：

（1）text-align:水平对齐。值 left、right 和 center 会导致元素中的文本分别左对齐、右对齐和居中。

（2）text-decoration:文本装饰。

　>>underline 会对元素加下划线，就像 HTML 中的 U 元素一样

　>>overline 的作用恰好相反，会在文本的顶端画一个上划线

　>> line-through 则在文本中间画一个贯穿线

　>>blink 会让文本闪烁

（3）text-indent:缩进文本。把 Web 页面上的段落的第一行缩进。

（4）text-shadow:向文本添加一个或多个阴影

（5）text-transform:字符转换。处理文本的大小写。

　>>默认值 none 对文本不做任何改动，将使用源文档中的原有大小写。

　>>uppercase 和 lowercase 将文本转换为全大写和全小写字符

　>>capitalize 只对每个单词的首字母大写。

　（6）word-spacing:字间隔。可以改变字（单词）之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。

　（7）letter-spacing:字母间隔。修改的是字符或字母之间的间隔

　（8）line-height:设置行间的距离（行高）

3. CSS字体：

　　（1）font

　　（2）font-family:定义文本的字体系列

　　（3）font-size:设置文本的大小

　　（4）font-size-adjust:当首选字体不可用时，对替换字体进行智能缩放

　　（5）font-stretch:对字体进行水平拉伸

　　（6）font-sytle:最常用于规定斜体文本

　　       normal - 文本正常显示     italic - 文本斜体显示     oblique - 文本倾斜显示

　　（7）font-variant:设定小型大写字母

　　（8）font-weight:设置文本的粗细

4. CSS链接

　　（1）a:link - 普通的、未被访问的链接

　　（2）a:visited - 用户已访问的链接

　　（3）a:hover - 鼠标指针位于链接的上方

      （4）a:active - 链接被点击的时刻

5. CSS列表

　　（1）list-style:

　　（2）list-style-image:将图象设置为列表项标志。

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

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

6. CSS表格

　　（1）border-collapse:设置是否把表格边框设置为单一边框

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

　　（3）caption-side:设置表格标题的位置

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

　　（5）text-align:设置水平对齐方式，比如左对齐、右对齐或者居中

　　（6）vertical-align:设置垂直对齐方式，比如顶部对齐、底部对齐或居中对齐