稀为人知的几个有用的Css技巧

作者佚名技术来源 CSS编程浏览发布时间 2012-05-27

CSS">
    .menu{}
    .menu ul{display:none}
    .menu:hover{}
    .menu:hover ul{display:block}
    </style>

<ul>
    <li class="menu">
        menu title
        <ul>
            <li>first</li>
            <li>last</li>
        </ul>
    </li>
</ul>
这样我们就可以做只用CSS控制的菜单，在ie6，ie7，firefox1.5，opera9.0下面测试通过

11.我们可以使用page-break-after，page-break-before控制打印时的分页

20070413 12:13
12. * HTML{}的作用是为了兼容6.0以下的IE版本，对HTML节点的选取，其他的浏览器都认为HTML标签是文档的根节点，而ie6以下的ie版本却认为在HTML标签的上面还有一个根节点
---感谢calmzeal的解释

13. CSS 的class可以有多个值，我们只需要将多个值用空格隔开就可以了

14. 颜色的缩写我们可以将#ff0033缩写成#f03

15. 使用text-indent显示图片，而隐藏文字（这种做法据说有助于SEO）
h1 { background: url(widget-image.gif) no-repeat; height: image height text-indent: -2000px }
<h1>Buy widgets</h1>
16. 为了避免不同浏览器对不同标签的padding，margin不同的解释可以在样式表的前面定义
*{margin:0px;padding:0px;}

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

上一页 1 2

分享到：更多

你可能对下面的文章感兴趣

上一篇: 完全css弹出菜单下一篇: 如何高效的学习css

关于稀为人知的几个有用的Css技巧的所有评论

随机推荐