div+CSS网页制作

1.CSS初始化：目的就是清除浏览器的默认样式

2.字体相关：（两张图片均截自传智视频）







3.写样式的时候，尽量用class，少用id。因为id的权重太高了，在后面写js的时候，不好提取。

4.外边距合并问题：（内盒子有外边距，外盒子没有）可以通过给外面的盒子给overflow:hidden来解决。

5.浮动：要么都浮动，要不都不浮动

6.logo优化：用h1标签，为了提高权重

7.em和rem

em:一个字的大小           跟父亲有关

rem:根的大小               html

8.把原始图片转换成icon的格式：
http://www.bitbug.net/            （比特虫网站）

常用的网页窗口那显示的小图标的大小：16*16

9.nav用以下格式

<li>
<a href="#"></a>
</li>

而不是直接用<a></a>标签是为了SEO

10.行内元素是没有宽高的，如果要给你的话可以转成inline-block（行内块元素）或者用浮动的方式

元素加了浮动，都会变成行内块元素

11.代码折叠：节省空间

12.定位相关：

margin:0 auto;               //只能解决标准流盒子的居中对齐问题，而且是有宽度的块级元素。

加了定位的盒子要想居中对齐，加margin:0 auto 是不起作用的。

13.可以用ul  li来做banner