**
知识总结
**
一、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;