一、知识点:盒子模型
1.why:可以更方便的进行页面布局
2.
我们把所有的标签都可以看做是一个盒子(div就是一个自定义的盒子),css就是用来修改盒子的外观的
3.div:用来配合盒了模型来完成布同的,
4、特殊回性
(1) margin重合问题:上面盒子的margin-bottom,和下面盒子的margin-top,会重合,不会累加;左右同理
(2)盒了尚觉问题box-sizing: 默认的况下,盒子高度=height+padding+border;如果设置box-sizing:
border-box;那么盒子高度=height。
二、网站的布局
1、分析网站结构:上中下
2、总整体到部分分解结构3、整个页面高宽
三、网站的整体设计规范
1、共通规范(常用属性效果)
*{
padding: o;margin: oj
-webkit-box-sizing: border-box;box-sizing: border-box;
}
html {
font-family: "Microsoft Yahei";font-size: 16px;
background-color: #eeeee;
四 . 问题
遇到了div与div之间的默认的间隔去除不掉
五. 怎么解决问题
与同学们交流沟通得到的思路