1.text-align:center和margin:0 auto;的区别
text-align让盒子存储的文字和图片水平居中
margin:0 auto让盒子自己水平居中
2.为什么清空默认边距
为了更好的控制盒子的位置,编写代码之前,清空默认边距
*{
margin:0;
padding:0;
}
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;
}企业开发必须用这个
3.行高
css中所有的行都有高度
盒子的高为行高,默认情况下文字在行高中默认为垂直居中的
1)如何让文字在盒子里面垂直居中
将盒子的高度和行高设置为一致,那么一行文字就会在盒子里面垂直居中
在多行文字中,通过padding来让文字居中box-sizing:border-box让元素的宽高不发生变化
2)顶部的内边距不是边框到文字顶部的距离,而是边框到行高顶部的而距离