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

 

 <!--未完待续-->

转载于:https://www.cnblogs.com/nation-blue/p/7340136.html