【三种样式表书写位置】
内嵌式写法(只作用于当前文件，没有真正实现结构表现分离)：
<head>
<style type="text/css">样式表内容</style>
</head>
外链式写法（作用范围是当前站点，范围广，实现结构表现分离）
<head>
<link rel="stylesheet" href="1.css"> (1.css中写样式表内容)
</head>
行内样式表写法（作用范围仅限于当前标签）
<h1 style="属性：值；"></h1>
【标签分类】
块元素：div，p，h1-h6，ul，li
特点：独占一行，可设置宽高；嵌套包含下，子块元素宽度（未定义情况下）默认和父块元素一致。
行内元素：span，a，strong，em，del，ins
特点：在一行上显示，不能直接定义宽高
行内块元素：img，input
特点：在一行上显示，可以定义宽高
【元素之间的转换】
把块元素设在一行显示，在并集选择器中写：display：inline；就把块元素转换成了行内元素，此时不能再设置宽高。
行内元素转块元素：display：block；此时独占一行可定义宽高。
块和行内元素转行内块元素：display：inline-block；
【CSS三大特性】
1.层叠性
多个样式作用到同一个标签上时，样式发生冲突，执行最后一个样式表内容。
2.继承性
继承性发生的前提是包含（继承关系）
文字颜色，字体大小，字体，字体粗细斜体，文字所有属性都可以继承。
子标签继承父标签的样式表。
特殊情况：h系列不能继承文字大小，a标签不能继承文字颜色
3.优先级
默认样式<标签选择器<类选择器<id选择器<行内样式<!important
0 1 10 100 1000 1000以上
优先级特点:继承的权重为0
【链接伪类】
a:link{属性：值；} 链接默认状态， a:{属性：值；}效果一样
a：visited{属性：值；} 链接访问之后的状态
a:hover{属性：值；} 鼠标放在链接上显示的状态
a:active{属性：值；} 超链接激活的状态，鼠标点中时
：focus{属性：值；} 获取焦点
【文本修饰】
text-decoration：none| underline | line-through（删除线）
【背景属性】
background-color 背景颜色
background-image 背景图片
background-repeat repeat(默认)|no-repeat| repeat-x（横向平铺）|repeat-y
background-position left|right|center|top|bottom
方位值只写一个时，另一个默认居中；
写两个方位值，顺序无要求；
写两个具体值（n px）时，代表水平和垂直方向。
background-attachment 背景是否滚动 scroll(滚动)、fixed
背景属性连写(无顺序要求，图片不能省)：
background：red url("1.png") no-repeat bottom fixed;
1415
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
