项目开发:
- 新建文件夹:index.html,css,js,images;项目尽量使用英文目录
- css文件夹至少一个base.css:reset+common,还有一个index.css
- 移动端开发:
- html中head中要加关于viewport的设置,+主要引入的css,js文件骨架搭好
- Pc端是固定像素容器居中,在移动端,有最大最小宽度限制
- index.css,一般都会有一个版心容器,居中
- 通栏:和整版的宽度一致,但面积不到半个版。
- 切图,雪碧图:减少网络请求次数。
一般图标都会做一个0.5倍的压缩
- 轮播图:列表形式,
CSS
- reset.css:
- list-style:列表前的标点样式去除
- text-decoration:none,消除超链接下默认的下划线
- 选择器问题:
- div p:指div内部的p
- div,p:指所有div和p
- 定位position属性:
- fixed固定定位的默认会基于原来的容