on the road的博客

CSS的选择器最近在研究jQuery的选择器，大家知道jQuery的选择器和css的选择器非常相似，所以整理一下css选择器；css1-css3提供非常丰富的选择器，但是由于某些选择器被各个浏览器支持的情况不一样，所以很多选择器在实际css开发中很少用到。1.基础的选择器选择器含义示例*通用元素

1.ul li 中实现图片 文字混排 a.效果如下：b.实现代码如下 引用 打印 .opts-btn .icon-quote { background-position: 0 -5px;}.opts-btn li i { display: inline-block;

display有以下四个属性：block inline inlineblock none，他们的区别如下：display默认宽度可设置宽高起始位置其他描述block父元素宽度是换行inline内容宽度否同行inline-block内容宽度是

https://segmentfault.com/a/1190000003931851

http://sanwen8.cn/p/12emwCB.htmlhttp://www.5icool.org/a/201006/537_4.html

清除浮动以前效果图：父元素没有被撑开清除浮动以后效果图：父元素被撑开了：原有代码结构如下： .div1{background:#000080;border:1px solid red;} .div2{background:#800080;border:1px solid red;height:100px;margin-top:10px} .lef

8种CSS清除浮动的方法优缺点分析为什么清除CSS浮动这么难？因为浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码，在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了。解决浮动引起的问题有多种方法，但有些方法在浏览器兼容性方面还有问题。我根据自己的经验总结8种清除浮动的方法（测试已通过 ie c

摘要: css清除浮动float的三种方法总结，为什么清浮动？浮动会有那些影响？    一、抛一块问题砖（display： block）先看现象：    分析HTML代码结构：div class="outer">    div class="div1">1div>    div class="div2">2div>    div class="div3">3div>div>

1、什么是CSS hack?CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS hack就是让你记住这个标准），以达到应用不同的CSS样式的目的，比如.kwstu{width:300px;_width:200px;}，一般浏览器会先给元素使用width:300px;的样式，紧接着后面还有个_width:200p

描述：同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。如下图：代码：chrome解决办法：给文字设定 line-height 。确保所有文字都有默认的 line-height 值chrome三个浏览器效果如下：

一、没有设置之前效果及代码如下：设置之后效果：1、水平居中1）inline-block + text-align说明：只能对图片，按钮，文字等行内元素(display为inline或inline-block等)进行水平居中。但要说明的是在IE6、7这两个奇葩的浏览器中，它是能对任何元素进行水平居中的2）table+margin