CSS的隐藏功能
我已经在关于PHP和XHTML的隐藏特性风格问题中明确地提出了一些有用的提示。
所以这里是一个涵盖CSS。 尽管易于理解，但需要一点时间才能了解所有内容，其默认行为，属性等
这里有一些开始球
@charset "UTF-8"; /* set the character set. must be first line as Gumbo points out in comments */
.element {
/* takes precedence over other stylings */
display: block !important;
/* mozilla .... rounded corners with no images */
-moz-border-radius: 10px;
/* webkit equivalent */
-webkit-border-radius: 10px
}
这些并不是很隐蔽，但它们的用途并不常见。 你使用CSS发现了哪些提示，技巧和罕见功能？
您可以显示文档的title元素：
head, title {
display: block;
}
将多个样式/类应用到像这样的元素class="bold red GoldBg"
<html><head>
<style>
.bold {font-weight:bold}
.red {color:red}
.GoldBg {background-color:gold}
</style>
</head><body>
<p class="bold red GoldBg">Foo.Bar(red)</p>
</body></html>
我真的很喜欢CSS精灵。
您只需使用一张图片并定位每张图片，以便只显示您想要的位，而不是针对所有网站按钮和徽标设置20张图片（因此有20张http请求带有每个图片的延迟）。
很难发布一个示例，因为您需要查看组件图像和展示位置CSS - 但我已经在此博客了Google的使用：http://www.stevefenton.co.uk/Content/Blog/Date/ 200905 /博客/谷歌用途 - 图像 - 精灵/
链接地址: http://www.djcxy.com/p/52955.html