3.24笔记

margin:
1.margin长在元素之外
2.控制的是同级元素之间的关系
3.不会对盒子本身的宽高造成影响
4.可以给单一方向添加margin：
maigin-left/right/bottom/top;
5.按钟面原则设置值：上右下左
6.margin可以设置负值，padding不可以
7.margin常出现的BUG:
   a:当第一个子元素和父元素没有加浮动的情况下，第一个子元素加的margin-top值会错误的也加在父元素上，其他方向没问题。
   b:上下相邻两个元素之间的margin-top/bottom值不会叠加，会按照最大值设置,但是左右可以叠加。
8.margin:0 auto;可以让当前元素在父元素里水平居中。
Q：计算盒子在网页中真正所占的空间：
宽 width+padding-left/right+border-left/right+margin-left/right
高 height+padding-top/bottom+border-top/bottom+margin-top/bottom

规划：
元素命名：
id划分外围结构>驼峰式命名或者语义化命名
版心>连字符命名法
内容板块>下划线
css外部样式表：
1.每一个页面都要有自己的样式表
2.一个网站，都拥有公共样式表
3.重置样式的样式表（清除所有默认样式）
@charset "utf-8";
reset.css:
清除聚焦边框：input{outline:none}
按钮的边框是加在宽高里的，所以不会增加整体宽高
单行文本上下的误差通过line-height=文本大小来实现