
css
laomu1988
这个作者很懒,什么都没留下…
展开
-
主流浏览器CSS兼容性解决方案汇总
转载自:http://www.pc6.com/infoview/Article_48702.html首先介绍一个通用且方便的解决的方案,由于目前IE6.0还是最主流的浏览器(早已过时),我们可以用一段JS调用解决IE6-IE8的兼容性问题,这是调用的一个在GoogleCode上的项目,速度快又不占用您的带宽。如果是IE7以下是代码片段: 如果是IE8转载 2014-01-09 14:26:54 · 745 阅读 · 0 评论 -
高效CSS选择符 - 这也许会颠覆你书写CSS的习惯
转载自:http://www.iamhoubiao.com/detail.php?i=19关于前端性能一说,绝大多数的人都知道JS优化,DOM优化,但是你有没有考虑过CSS选择符优化?殊不知这个用来美化前端页面的东西也是一个性能的关键。而且往往我们都是背道而驰,借助前人铺垫好的道路我们来补习一下。首先,对于CSS的性能有一些最佳的实践,1.把样式表放在HEAD标签中以提升页面的逐步转载 2014-01-10 11:22:31 · 674 阅读 · 0 评论 -
30个最常用css选择器解析
转载自:http://mozilla.com.cn/post/21668/你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题。掌握了它们,才能真正领略css的巨大灵活性。1. ** { margin: 0; padding:转载 2014-01-10 11:33:11 · 521 阅读 · 0 评论 -
CSS first-chjld属性实践
该属性的作用:first-child伪类用于匹配一个序列的第一个元素。我们经常用它来实现一个序列的第一个元素或最后一个元素的上(下)边框,如:ul:nth-last-of-type(3) { border: 1px solid black; } 但是我要选择的是页面的第一个div,其他的div忽略,那该怎么办呢?body>div:first-child{原创 2014-01-10 12:20:50 · 670 阅读 · 0 评论 -
IE6重复字符BUG
IE6重复字符BUGIE6重复字符BUG好久没遇到如此有趣的BUG了,有多有趣呢?看下面的图~在IE6里多出了几个字符?是的,很诡异吧~但是绝对是同样的源代码哦~!你可以下载下面的HTML文档,在IE6中查看一下效果。 后面的注释是4种解决方法,可以一一删掉注释查看。下载测试出现这个BUG的“机遇“其实并不大,要满足以下一个或者多个条件:1.父元素的内部有多转载 2014-01-10 12:27:54 · 767 阅读 · 0 评论 -
常用CSS效果
文字围绕图片: 图片float:left,或float:right文字和图片同一行时,让文字局中或顶部显示:设置图片vertical-align:middle/top原创 2014-02-11 10:01:22 · 642 阅读 · 0 评论 -
多个div在同一行显示
多个div在同一行显示 1.使用float属性,2使用display inline-block,3.修复inline-block在IE6下的bug使用float属性,IE6+,需要清理浮动部分div1div2div3清理浮动部分后面文字内容2.使用display inline-block IE8+div1div2div3后原创 2014-02-17 11:01:01 · 2584 阅读 · 0 评论