CSS+HTML入门基本常识
1.CSS引入
优先级内嵌式>嵌入式>外部式
内嵌式：写在html标签里，通常用style属性
嵌入式：写在同一个文件里，通常用text/css
外部式：将css独立写出.css文件，通常在head中用link标签引入
2.CSS选择器
ID选择器：#id{}
class选择器：.class属性{}
标签选择器：标签名{}
子选择器：父选择器+大于号>+子标签名{}
后代选择器：父选择器+空格>+子标签名{}
通用选择器：*{}
伪类选择器：比如a:hover{color:red;} 鼠标悬浮到A标签，样式变成红色
分组选择器：标签，标签，标签{}
3.CSS的继承，权值，层叠，重要性
1.样式覆盖，优先级，不是所有的样式都可以继承，比如border:1px
2.权值，ID选择器100，class选择器10，标签选择器1
3.层叠是根据权值来选择有效的CSS，权值一样选择后面的覆盖
4.重要性,在属性后面添加!important，比如：p{color:red!important;}
p{color:green;}这样选择加载red
4.CSS盒子模型
元素分为：块状，内联，内联块状
块状：比如p，table，h，form、ul，li，属性：display:block
内联：比如span，a，label，em，strong，属性：display:inline
内联块状：就是让一个标签同时拥有块状和内联的特性，属性：display:inline-block
margin：盒子与盒子之间距离叫做边界
p{margin:20px 10px 15px 30px;}和下面一样的，顺时针转，上右下左
p{
margin-top:20px;
margin-right:10px;
margin-bottom:15px;
margin-left:30px;
}
border：边框，盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。
p{
border-width:2px;
border-style:solid;
border-color:red;
}
dashed（虚线）| dotted（点线）| solid（实线）。
padding：填充，元素内容与边框之间的距离，与用法margin类似
CSS布局模型
1.流动模型
2.浮动模型
3.层模型
层模型分为：绝对定位，相对定位，固定定位
