css基础之2：css位置的其他写法，元素类型，元素模式转化，css特性，伪类，背景

新知识学习

１.1 CSS其他书写位置介绍

◆内嵌式写法

◆行内式写法

◆外联式写法
☞新建css文件
☞通过link标签引入外部样式表

☞三种书写方式的区别

◆内嵌式写法只会影响当前页面。◆内嵌式写法没有完全实现html结构与CSS分离（代码可维护性较差）◆行内式写法，只会影响当前标签的样式。◆没有实现结构与样式的分离（代码维护性极差） ◆外联式写法，可以影响整个站点的网页。 ◆CSS与html结构实现完全分离（代码可维护性好）

１.2标签分类（标签显示模式分类）

☞块级元素
☞行内元素
☞行内块元素

１.3块级元素

☞代表：

  h1-h6, div,p,ul,li...

☞特点：

◆所有块级元素自己独占一行显示◆块级元素默认宽度与父元素宽度一致◆块级元素可以设置宽度和高度

１.4行内元素

☞代表：

span, a, font, strong…..

☞特点：

◆所有行内元素都在一行上显示
◆行内元素不能直接设置宽度和高度

１.5行内块元素(替换元素)

☞代表：

Img,input….

☞特点：

◆可以设置宽度和高度
◆行内块元素在一行上显示。

１.6元素之间的模式转换

◆display:block; 标签按照块级元素的方式显示

◆display:inline-block 标签按照行内块的方式显示

◆display: inline 标签按照行内元素的方式显示

１.7CSS特性

☞层叠性（覆盖）

当样式发生冲突的时候，最后定义的样式会将前面定义的样式层叠掉（覆盖）。

☞继承性

◆标签之间属于嵌套关系的时候，子元素中的属性可以继承父元素中的属性。
◆可以被继承的属性：
☞color： 文字颜色可以被继承
☞font-size: 文字大小可以被继承
☞font-family 文字字体可以被继承
☞line-height 文字行高可以被继承
有关文本的属性都可以被继承。
◆特殊标签
☞a 标签不能直接受父元素中的文字颜色影响。
☞标题标签不能直接受父元素中的文字大小影响。

☞优先级

标签选择器 < 类选择器 < ID选择器 <行内样式 < important
10 100 1000 10000 10000以上
◆优先级特点

 ■继承的权重为0  ■权重叠加

◆层叠性：权重相同，并且样式冲突。

１.8伪类（a标签）

a:link {属性: 值; } 设置超链接默认的样式
a:visited {属性:值; } 设置超链接放问过后的样式
a:hover {属性: 值;} 设置鼠标移动到超链接上的样式
a:active{ 属性: 值;} 设置超链接激活状态下的样式
input:focus { 属性: 值;} 设置获取鼠标焦点的样式
注意：

◆设置a默认样式，推荐直接写 a {}
◆visited 只能设置与颜色有关的属性。

１.9背景（background）

☞background-color: 设置背景颜色
☞background-img: 设置背景图片
☞background-repeat: 设置背景图片平铺方式, repeat | no-repeat | repeat-x | repeat-y
☞background-position: 设置背景图片的位置, Left top bottom right center

注意：background-position 设置的值用只要有具体数字，那么第一个参数代表水平方式，第二个值代表垂直方向。
☞background-attachment: 设置背景图片是否滚动。
Scroll;
Fixed;
注意：给元素设置背景图片的时候，该元素必须有宽度和高度。

１.10Background属性联写

１.11去掉ul列表默认样式