学习视频笔记1

Posted 2020-08-23 法门扫地僧

网页的制作流程./

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