zoukankan      html  css  js  c++  java
  • 我不知道的CSS

             近期,有一些闲暇时间,可以让我支配,本来想做些项目,练练手,但是,后来还是决定先夯实基础,所以就在网上找了大量的资料开始查漏补缺。标题是--我不知道的CSS,所以这里写的东西,都是我在之前没想到或不知道的东西:

    1. 压缩文件大小,利用样式分组,去掉很多不需要的标签,这样可以减小,然后尽量使用压缩语法来表示这些规则,这样就可以保障下载时间缩短。
    2. 表示颜色的RGB表示法,括号中三个值可以使用百分比来表示。
    3. 由于不同的系统使用不同的调色板,而网络浏览器有各自的色板,碰到哪些它没有的色彩,会用最为相似的颜色来代替,这样必然会造成色彩的失真,网络安全色选的216种颜色是让所有的浏览器都支持的颜色。这些颜色指的是RGB都为20%或51的倍数的颜色,或是十六进制的33的倍数。
    4. clear的工作原理是增加元素的上边界,以使它低于浮动元素的位置结束。
    5. lang的用法:在标签上写入属性 lang=”en” (en代表英语,也可以写入其他语言,例如:zh-中文、fr-法语、de-德语、ar-阿拉伯语等)。然后选择器选中,其后加上 :lang(en) 即可。
    <p lang=’en’>this paragraph is in english</p>
    <style>
        p:lang(en){color:white;background:black;}
    </style>

       6. 逐级缩小文本,给祖先元素设置 font-size:75%; 这时,子级元素字体大小会是父级元素的75%,子级的子级是子级的75%...等等,形成逐级缩小文本。

       7. IE条件注释:条件注释是非标准的,是对常规HTML注释的Microsoft扩展,条件注释可以根据条件显示代码块。

    <!-- [if IE]
    <link rel="stylesheet" type="text/css" href="ie.css"> -->
    
    <!-- [if IE 6]
    <link rel="stylesheet" type="text/css" href="ie6.css"> -->
    
    <!-- [if lt IE 6]
    <link rel="stylesheet" type="text/css" href="ie5x.css"> -->
    
    <!--[if !IE]>-->
    <link rel="stylesheet" type="text/css" href="advanced.css">
    <!--<![endif]-->

     <!--未完待续-->

  • 相关阅读:
    (转)Java 详解 JVM 工作原理和流程
    sql复杂查询语句总结
    公众平台服务号、订阅号、企业号的相关说明
    新公司注册流程
    认缴出资额和实缴出资额的区别
    ***iOS学习之Table View的简单使用和DEMO示例(共Plain普通+Grouped分组两种)
    APP后端处理视频的方案
    iOS应用程序生命周期(前后台切换,应用的各种状态)详解
    app后端搜索入门
    APP后端处理表情的一些技巧
  • 原文地址:https://www.cnblogs.com/nation-blue/p/7340136.html
Copyright © 2011-2022 走看看