zoukankan      html  css  js  c++  java
  • 学习视频笔记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的。

  • 相关阅读:
    BZOJ 1192 鬼谷子的钱袋
    BZOJ 1012 最大数maxnumber
    BZOJ 3209 花神的数论题
    线段树讲解(数据结构、C++)
    BZOJ 1087 互不侵犯king
    BZOJ 2732: [HNOI2012]射箭
    BZOJ 1043: [HAOI2008]下落的圆盘
    BZOJ 4451: [Cerc2015]Frightful Formula
    BZOJ 2888: 资源运输
    BZOJ 4800: [Ceoi2015]Ice Hockey World Championship
  • 原文地址:https://www.cnblogs.com/famensaodiseng/p/6181739.html
Copyright © 2011-2022 走看看