• 提高背景的性能优化


      之前讲到了标签 css 及排版的一些内容

      回顾: 标签分单标签 和双标签 

             块级和行级

          css称为层叠样式表    选中走权重 选不中走就近原则

          排版主要的两种方式 float         absolute

      标准文档流:浏览器的天生排版方式

      现在开始新的内容

      background-position 

      我们html和css中三个属性可以向服务器发送请求     <img src>      <href>超链接     <url>背景

      尽量减少服务器的请求次数 ,如果一张图片要向服务器请求两次,那么20张图片要向服务器请求40次 ,10个人看就要向服务器发送400次 无疑是加大了服务器的压力

      通过鼠标悬浮 可以使两个图片 在一个位置

      <style>
         div{
          background:url(imge/01.png) no-repeat;
          50px;
          height:50px;
          border:red 1px solid;
         }
          div:hover{
          background-position:0px -70px;
         }
      </style>

      把一张图片放在多个窗口,从而实现只需加载一个图片便可以加载出一片内容

      overflow:hidden;   超出就隐藏

      visibility:hidden;       消失但占位置

      display:none;           消失不占位置

      所有的样式表都有的都需要进行的写出来 (公共样式)

      * (通配符(适用初学者,他会增加浏览器的负担){

          margin:0;

          padding:0;

        }

      ul,ol(列表样式){

          list-style:none;

          }

      .clearfix(清除浮动){

          contant:"";

          display:block

          visibility:hidden

          height:0;

          clear:both;

          }

  • 相关阅读:
    java 单例设计模式
    JAVAWEB监听器(二)
    pxe无人值守安装linux机器笔记----摘抄
    Ganglia3.1.7安装与配置(收录)
    Hadoop Sentry 学习
    安装和配置Sentry(收录)
    sqoop 的使用 -20160410
    深度分析如何在Hadoop中控制Map的数量(摘抄)
    CDH,CM下载
    大数据培训班 cloudera公司讲师面对面授课 CCDH CCAH CCP
  • 原文地址:https://www.cnblogs.com/shangjun6/p/9708907.html
Copyright © 2020-2023  润新知