3.24笔记.txt

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=文本大小来实现