学习视频笔记1

标签：add   手机   行高   默认   浮动   指定   选择器   制作   笔记   

网页的制作流程./

1. 根据客户的需求制作效果图.
2. 结构图,根据效果图写构架,切图.
3. 代码准备.
4. 边写代码,边测试.(主要兼容性)
5. 线上测试.

代码的标准流,浮动流,定位流

能用标准流做的,就不要用浮动流.,

能用浮动流做的,就不要用定位刘.

盒子本身的宽和高      

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的。

学习视频笔记1

标签：add   手机   行高   默认   浮动   指定   选择器   制作   笔记   

原文地址：http://www.cnblogs.com/famensaodiseng/p/6181739.html