zoukankan      html  css  js  c++  java
  • 雪碧图和如何实现浏览器中title的小图标

    1. background-position 雪碧图

    我们的html和css中有三个属性可以向服务器发送请求 ser href url

    2.overflow

          (1) 值hidden 超出就隐藏

           (2)值scroll 出现滚动条

      visibility:hidden 可见的(消失但是占用位置)

       display:none 消失但不占用位置

    为什么要使用雪碧图

    因为我们使用雪碧图之后,本来需要多次请求的图片,我们一次就能请求过来,然后使用 background-position 调位置,从而减少了该页面想服务器请求的次数,间接液化了该页面的性能。

     

    1, 如何实现浏览器title中的小图标

    我们需要借鉴 link标签

                     link 标签的标签属性有哪些?rel type href

                     rel 是当前页面和url之间的关系 rel=stylesheet

                     type 是资源文件的mime 类型 html文件 mime 是text/html图片的mime类型。

                     lmage/jpg (png gif) css的mime 类型是text/css/js 的mime 类型是text/javascript。

                     mine 类型 客户端和服务器之间的暗号,根据拓展名而定

                   

    title中的小图标就出来了。href这里不能写成 ./

    2.meta 元信息标签

    分析里面的属性

    3.矢量图标 http://www.iconfont.cn/

    阿里云矢量图库

    5. textarea{

                 resize:none;

    }

    这个属性不让文本域被人为拉伸

    6.table {

              border-collapse:collapse;

    }

    这个属性让表格边框变细

    7.清除浮动的兼容性

    清除浮动在低版本浏览器不行。需要处理兼容性

    加一个.clearfix:after{zoom:1}

    8. 光标的形状

    cursor 光标属性有pointer 抓手 指针 wait help

    10. reb 和rgba 和opacity

    rgb 颜色的表示方法值是0-255 如 background:rgb (12,15,16)

    opacity 表示透明度 值是0-1

    rgba r是red 0-255 g是green 值是0-255 b是blue 值是0-255 啊是opacity 值是0-1但是ie低版本不支持

    geb和rgba的区别?

    前者的内容也跟着透明,后者的内容不跟着透明。包含文字和文字。

    作者:晋飞翔
    手机号(微信同步):17812718961
    希望本篇文章 能给正在学习 前端的朋友 或 以及工作的朋友 带来收获 不喜勿喷 如有建议 多多提议 谢谢!!!

     

  • 相关阅读:
    整型数字转utf8
    cmake构建时指定编译器架构(x86 or x64)
    tcp echo server libuv
    VS2015编译boost1.62
    android rom开发
    游戏昵称
    乐观锁和悲观锁
    数据库锁机制
    MySQL事务实现原理
    MySQL事务
  • 原文地址:https://www.cnblogs.com/jinfeixiang/p/9768929.html
Copyright © 2011-2022 走看看