网页的制作流程./
- 根据客户的需求制作效果图.
- 结构图,根据效果图写构架,切图.
- 代码准备.
- 边写代码,边测试.(主要兼容性)
- 线上测试.
代码的标准流,浮动流,定位流
能用标准流做的,就不要用浮动流.,
能用浮动流做的,就不要用定位刘.
盒子本身的宽和高
Padding
Magin
按照稳定性来说,首先,考虑的是盒子本身的宽度和高度,
其次,我们考虑padding
最后我们再考虑margin
比如火狐,谷歌,浏览器默认的字体大小事16px
个人经验:行高应该比字体大6-7像素
比如:字体是12px 行高就18像素。
Font:字体大小/行高 加粗“宋体”
小知识点:比如版权
注册商标这些特殊符号,要专门去声明字体。
Em 一个字的大小。
960的版心是比较合适的。
因为960能给3.4.5.6.8.10.12.15整除。
如果行内元素,浮动之后就可以指定宽和高。
浮动找浮动,不浮动找不浮动、
权重:
标签选择器 类 id 行内样式
1 10 100 1000
HTML5.css3、animate.css
Zepto.js(h5滑动都要借助它)
HBuilder 开发工具。
Meta:vp 视口标签,它是做一切移动端网页的前提。
Zepto.min.js
Zepto.fullpage.js
Animate.css
global.css 公共样式
zepto.fullpage.css
微信场景一般出图是640的宽度。
微信场景和手机网页是不同的。
Link 引入样式
Script 引入js.
要先引入zepto,因为fullpage是基于zepto的。
时间: 2024-10-23 11:40:07