我不知道的CSS
近期,有一些闲暇时间,可以让我支配,本来想做些项目,练练手,但是,后来还是决定先夯实基础,所以就在网上找了大量的资料开始查漏补缺。标题是--我不知道的CSS,所以这里写的东西,都是我在之前没想到或不知道的东西:
- 压缩文件大小,利用样式分组,去掉很多不需要的标签,这样可以减小,然后尽量使用压缩语法来表示这些规则,这样就可以保障下载时间缩短。
- 表示颜色的RGB表示法,括号中三个值可以使用百分比来表示。
- 由于不同的系统使用不同的调色板,而网络浏览器有各自的色板,碰到哪些它没有的色彩,会用最为相似的颜色来代替,这样必然会造成色彩的失真,网络安全色选的216种颜色是让所有的浏览器都支持的颜色。这些颜色指的是RGB都为20%或51的倍数的颜色,或是十六进制的33的倍数。
- clear的工作原理是增加元素的上边界,以使它低于浮动元素的位置结束。
- 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]-->
<!--未完待续-->