HTML注意事项

（1）通常是由于上级或父级元素用了浮动或者相对定位造成text align无效，同时text-align是可以继承的。

font-size 是可以继承的，但是继承是计算出父元素的大小再继承下去的。父元素85%，子元素和父元素一样大。

 

所有元素可继承：visibility和cursor。 内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction。 终端块状元素可继承：text-indent和text-align。 列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。

 

 

（2）（以下情况排除相对和绝对定位的情况）
第一，父元素不浮动，子元素不浮动，子元素内容可以填充父元素

第二，父元素浮动，子元素不浮动，子元素内容可以填充父元素

第三，父元素浮动，子元素浮动，子元素内容可以填充父元素

第一，父元素不浮动，子元素浮动，子元素内容不可以填充父元素

 

（3）当一个框架里图片和文字要求对齐时，默认是图片和文字的基线对齐的，这时用margin-top设置时图片和文字都是一起上下移动的。所以要设置成vertical-align:auto,设置成中间对齐

，这样图片就可以使用margin-top任意设置了。

 

（4）box-sizing: border-box;要写在*{}中，在body{}里面没用