zoukankan      html  css  js  c++  java
  • 复习HTML/CSS2

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

    需要借鉴link标签

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

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

    Type 是资源文件的mime类型  .html文件mime类型是text/html 图片的mime类型

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

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

    <link rel="shortcut icon" href="favicon.ico"/>

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

    2.      Meta 元信息标签

    分析里面的属性

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

    阿里云矢量图库。

    转义字符

    空格的字符 &nbsp;

    4 .  项目的完整目录

    css     images      js      favicon.ico     index.html

    5.  textarea{

                     resize:none;

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

    6.   table{

                 border-collapse:collapse;

    }

    这个属性让表格的边框变细

    7.  font的简写

    body{

              font:12px/150%,Arial, Verdana, "5b8b4f53";

    }

    8.   清除浮动的兼容性

    .clearfix:after{

            content:" "

            display:block;

            clear:both;

            height:0;

            visibility:hidden;

    }

    .clearfix{

        *zoom:1;

    }

    清除浮动在低版本浏览器不行,需要处理兼容性加一个.clearfix{*zoom:1;}

    9.    光标的形状

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

    10.   rgb 和rgba和opacity

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

    Opacity表示透明度 值是0-1;

    .#aa{

       width:100px;

       height:100px;

       background:rgd(15,26,222);

       opacity:.5;

       filter:alpha(opacity=50);          filter是ie低版本透明度兼容的写法

    }

    Rgba() r是red 0-255 g是green 值是0-255 b是blue值是0-255 a是opacity值是0-1;                     

    但是ie低版本不支持。

    #aa{

       width:100px;

       height:100px;

       background:rgd(15,26,222);

       opacity:.5;

       filter:alpha(opacity=50);

    }

    #bb{

       width:100px;

       height:100px;

       background:rgd(15,26,222,.5);

    }

    Rgb和opacity  与rgba的区别?

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

  • 相关阅读:
    linq 查询 过滤数据中某个值是否在数组中
    Nginx 摘要
    Unity调用外部摄像头,全屏显示摄像头画面
    Vuforia切换回识别场景后黑屏解决
    Unity3d通过脚本生成apk
    EF6 CodeFirst连接MySql 报nvarchar('max')错误解决办法
    UNITY_MATRIX_MVP和UnityObjectToClipPos
    Unity的stateMachineBehaviour
    U3D加载服务器上的assetbundle
    jquery解析xml,获取xml标签名
  • 原文地址:https://www.cnblogs.com/LXW2002326/p/9763771.html
Copyright © 2011-2022 走看看