xiqim的专栏

css3：linear-gradient/*线性渐变*/radial-gradient/*圆形渐变*/.gradient{ background: #000000; background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); background: -webkit-gradient(linear,

结合after或before伪类，在元素的开头或结尾附加上一定的内容，content：""的引号中即是添加的内容，比如说我们这么写：学而时习之不亦说乎div:before{content:"子曰："}那么在显示时就会显示子曰：学而时习之不亦说乎这其中“子曰：”并不会出现在DOM文档中

很多前端都是用.clearfix:after{ .....}  和 .clearit{....}的组合 来清除浮动， 下面我来讲解下这俩种的用法：首先大家切页面经常用到浮动 float:left; float:right; 有浮动就需要清除他们，after伪类由于受到ie6 7的不支持所以大多数时候，一般都需要定义一个固定的class名设置属性clear的值both的div

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}/////////////////////////////////////////////////////////////////////////////////////

toscho：有三种实现方式：伪元素（pseudo-elements）、伪类（ pseudo-classes）和Notihing。WebKit和Blink（Safari,Google Chrome, Opera15+）使用伪元素::-webkit-input-placeholderMozilla Firefox 4-18使用伪类:-moz-placeholderMo

纯CSS去掉超链接或按钮点击时出现的虚线边框style type="text/css">a,input,button{ outline:none; }::-moz-focus-inner{border:0px;}style>从以上代码可以看出，可以通过设置CSS属性outline解决。　　FF存在bug，其中input，button标签通过私有属性::-moz-focus-inne

CSS :after 选择器CSS 选择器参考手册实例在每个 元素的内容之后插入新内容：p:after{ content:"台词：";}亲自试一试浏览器支持IEFirefoxChromeSafariOpera     

IE环境下判断IE版本的语句...[if lte IE 6]……[endif][if lte IE 7]……[endif]IE下判断IE版本的语句...[if lte IE 6]……[endif] 复制代码代码如下:  只有IE6版本可见   IE6及其以下版本可见   IE6及其以上版本可见   只有IE7版本可见