学习视频笔记1

网页的制作流程./

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

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