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位运算
    java笔试题(面试题)系列之一
    Java数据类型转换总结
    ++a和a++
    Java IO
    Java 并发
    Java位运算及补码存储
    Redis 5.0.0安装部署(伪集群版)
    Redis 安装(单机版)
    Dubbo源码分析系列之【服务暴露】
  • 原文地址:https://www.cnblogs.com/nation-blue/p/7340136.html
Copyright © 2011-2022 走看看