前端学习开发笔记第五天

1、企业开发中，一般使用padding来设置嵌套标签之间的布局，margin属性一般用于兄弟标签之间。

2、企业开发中，一般使用margin:0 auto;将本标签在父标签中设置为水平居中，而上下居中无法利用auto元素。

3、企业开发中，一般使用*{margin:0;padding0;}将标签的默认内外边距设置为0以免他们影响自己的布局。

4、企业开发中，*选择器会遍历所有标签，性能并不好，可以找替换方案

 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{

margin:0;padding:0

}

可以在这个网址找到这个代码：http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css

5、行高line-height和盒子的高度height不是同一个概念

6、默认情况下，文字在行高中垂直居中。

7、企业开发中，一般使用让line-height和height中设置为同一个值使单行文字在盒子中垂直居中。

8、企业开发中，一般使用padding-top和padding-bottom和box-sizing:让多行文字在盒子中居中

多行文本垂直居中补充：

多行文字垂直居中要诀

1、多行文字应该包裹在p标签或者span标签中（其他标签也可以），不要裸奔

2、包含多行文字的标签应该的display应该设置为inline-block，vertical-align应该设置为middle，font-size设置为合适的值（这个必须设置，若不设置，文字无法显示）。

3、父标签（一般为容器标签，比如div）有一个关键设置，font-size设置为0

4、父标签加一个:before伪类设置（这是整个的关键）display应该设置为inline-block，vertical-align应该设置为middle，width设置为0，height设置为100%，content设置为空