标签包含规范:
div
可以包含所有标签。p
标签不能包含div 、h1
等标签。h1
可以包含p,div
等标签。- 行内元素尽量包含行内元素,不能包含块元素。
规避脱标流
1. 尽量使用标准流。
2. 标准流解决不了的使用浮动。
3. 浮动解决不了的使用定位。
4. 使用margin-left:auto规避脱标
※ 盒子设置左外边距为auto,将盒子左侧充满,冲到右边margin-left:auto;
※盒子设置右外边距为auto,将盒子右侧充满,冲到左边margin-right:auto;
※盒子居中对齐:margin:0 auto;
图片文字的垂直居中
vertical-align
对行内块inline-block最敏感。默认属性是:vertical-align:baseline;
基线对齐。vertical-align:middel;top;bottom;
图片和文字居中对齐,顶部对齐,底部对齐。
vertical属性: