zoukankan      html  css  js  c++  java
  • 图片整合

    精灵图  雪碧图 css sprite   css精灵

    优点:

    1、降低服务端的压力,减少请求次数

    2、降低图片质量,提高还在速度

    图片整合的规则

    1、一定要是小图标

    2、整合的图片背景色必须透明png/gif

    3、里面的小图标尽量上下排列 每个小图标根据需求留出足够的空间

    background-position:-100px 0;上下    左右

    浏览器内核(核心源码)

    Trident  ie浏览器

    gecko  火狐

    webkit 谷歌/苹果

    Blink  欧鹏/谷歌

    为什么会出现浏览器兼容问题?因为浏览器内核不同!

    BUG 出现的问题/漏洞

    HACK解决BUG方法

    FILTER过滤器(可以针对每款浏览器设置样式)

    1、

    bug:表单元素对齐方式不一致

    hack:添加浮动

    2、

    bug:按钮大小不一致

    hack:

    1,如果是input外层包裹一个元素把大小都给外层元素添加

    2,如果按钮是一张图片切图当背景即可

    3,没有在表单内部按钮,用a模拟即可

    3、

    bug:鼠标指针不能识别cursor:hand;

    hack:cursor:pointer;

    cursor属性值们:

    move   移动

    help    变成一个问号

    text    文本

    wait   等待

    crosshair  加号

    progress   过程

    ne-resize  向上或向右移动

    pointer   手形

    inherit  继承

    4、

    bug:透明度   opacity属性    ie不能识别opacity

    hack:opacity:0.5;    filter-alpha(opacity=50)

    alpha里面的opacity接收0-100的数字

    <meta name="keywords" content=""/>主要关键字

    <meta anme="description" content=""/>主要内容

    回流(resflow)与重绘(repaint)

    注:每个页面至少发生一次回流  相对减少回流提高性能

    右侧打赏一下 代码改变世界一块二块也是爱
  • 相关阅读:
    HDU 4539郑厂长系列故事――排兵布阵(状压DP)
    HDU 2196Computer(树形DP)
    HDU 4284Travel(状压DP)
    HDU 1520Anniversary party(树型DP)
    HDU 3920Clear All of Them I(状压DP)
    HDU 3853LOOPS(简单概率DP)
    UVA 11983 Weird Advertisement(线段树求矩形并的面积)
    POJ 2886Who Gets the Most Candies?(线段树)
    POJ 2828Buy Tickets
    HDU 1394Minimum Inversion Number(线段树)
  • 原文地址:https://www.cnblogs.com/ht955/p/13871856.html
Copyright © 2011-2022 走看看