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