2020.03.24知识总结

**

知识总结

**
一、Margin用法：
1:margin长在元素之外的
2：margin控制的是同级元素之间的位置关系
3：margin不会对盒子本身的宽高造成影响
4：给单一方向添加margin值
Margin-top/right/bottom/left:;
5：margin设置方法
Margin：1个值； 四周
Margin：2个值； 上下 左右
Margin：3个值； 上 左右 下
Margin：4个值； 上 右 下 左
6：margin值可以设置成负值
7：margin经常出现的BUG
A：当父元素和第一个子元素都没有设置浮动的情况下，如果给第一个子元素添加margin-top，会错误的把margin-top加载父元素上
B：上下相邻的两个元素之间的margin值，不会叠加，按照最大的值去设置。
8：margin：0 auto；让当前元素在父元素里面左右居中。
二、计算盒子在网页中真正占据的空间
占有的宽度：width+padding-left/right+border-left/right+margin-left/right
占有的高度：
height+padding-top/bottom+border-top/bottom+margin-top/bottom
三、网页规划
元素命名：
Id划分外围结构->id选用驼峰式命名法
版心的命名->连字符法 eg：news-wrap
内部内容块的命名->下划线 eg：news_left
Css外部样式表：
1：每个页面都需要有属于自己的样式表。
2：一个网站，都拥有公共样式表。
3：重置样式表的样式表。（作用：清除所有默认样式）
注：如果版心两侧没有颜色平铺，可以直接写版心区域；
导航嵌套：li里面插入a；