前端学习：第七天项目练习初体验

今天首先学习了magin的用法即：
margin:
1: margin长在元素之外的。
2: margin控制的是 同级元素 之间的位置关系。
3: margin不会对盒子本身的宽高造成影响。
4: 给单一方向添加margin值
margin-left/right/bottom/top:;
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; 让当前元素在父元素里面左右居中。
然后学习了如何让对一个项目进行规划，即：
元素命名：
id划分外围结构 -> id选用驼峰式命名法 || 语义化news/case。
版心的命名 -> 连字符命名法 news-wrap
内部内容块的命名 -> 下划线 news_left / news_right
css外部样式表：
1：每个页面都需要属于自己的样式表。
2：一个网站，都拥有公共样式表。
3：重置样式的样式表。（清除所有默认样式）
注：如果版心两侧没有颜色平铺，可以直接写版心区域。
总的来说，当我们面对一个项目的时候首先进行规划，要有一个明确的思路，按照先上下再左右的顺序，一块一块的对网页进行布局。