HTML入门Day7

元素类型

常规分类：
1.行级元素：有多宽占据多宽，不是完整的盒子，不可以设置宽高、垂直方向的内外边距等。
2.块级元素：默认独占整行，是完整的盒子。
3.行内块元素：有多宽占据多宽，是完整的盒子。
4.可变元素：会根据的周围的元素种类不一样，显示不一样的效果
非主流分类：
1.置换元素：浏览器要根据元素的属性和属性值，才能决定渲染什么效果。input button img
2.非置换元素：除去置换元素，都是。
元素的嵌套规则：
1.块级元素里面可以有块级和行级，行级里面面只能有行级
2.li外面必须有ol或者li，ul/ol里面只能有里，li里面有任何元素
3.p元素里面不能有块级标签！
4.a标签可以嵌套块元素！
类型转换：display:block块级元素 |inline 行级元素|inline-block 行内块元素 none 隐藏

垂直对齐：
语法：vertical-align:top | middle |bottom；
只有行内块元素能使用该属性
应用：1.解决图片3px问题
2.给表格内容设置垂直对齐
3.表单元素垂直方向上设置对齐

盒子水平居中：margin：0 auto；
盒子垂直居中 ：计算 通过内外边距实现
文字水平居中：text-align：center
文字垂直居中 line-height:*px;[单行文本不行，多行文本不行]

查错方式：
1.html：
1.结构不对
2.标签错误
3.符号中英文
4.没有保存
2.css：
1.css文件引入错误
2.选择器错误 [标识符、名字、符号]
3.属性错误
4.属性值错误
5.属性不支持
6.优先级不够
7.没有保存，没有刷新、文件没有对应。
8.符号中英文