我不知道的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]-->

 

 <!--未完待续-->

posted @ 2017-08-10 16:52  蓝度飞  阅读(174)  评论(0编辑  收藏  举报