首页> css

CSS定义字间距、字体行距

分类:前端开发2012-08-14阅读:(1608)标签:css
<p>CSS定义字体行间距比较简单,也比较常见,用line-height,例如:line-height:20px;</p><p>CSS定义字体间距用得比较少,在一些特殊情况下需要用到。</p><p>下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表:</p> 属性 属性含义 属性值 Word-sp...

IE9下line-height失效解决方法

分类:前端开发2012-05-24阅读:(1442)标签:css
line-height我们除了用来设置行高外,还经常用来设置单行的文字垂直居中,但有的IE9下,可能你会发现,line-height居然失效了!追其原因,有的版本IE9下不支持英文字体的line-height,我们通常用的字体是:Arial, Helvetica, sans-serif;解决办法就是给字体设置成中文的宋体或者Microsoft YaHei;就行了。

CSS hack for IE9

分类:前端开发2012-05-13阅读:(1493)标签:css
最近开始使用IE9,因此关于IE9的一些CSS hack也必须了解一下。.hack{ background-color:#FFF; background-color:#FFF\9\0; \* ie9 *\ background-color:#FFF\0; \* ie8+ie9 *\ *background-color:#FFF; \* ie6+ie7 *\ +background-col...

CSS透明兼容设置

分类:前端开发2012-04-27阅读:(1474)标签:css
单一的写CSS透明度,往往会出现浏览器不兼容,这个浏览器透明了,另一个浏览器不透明,通常,我们就要写多种透明来达到浏览器兼容的效果。.transparent_class {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;} UPDATE: I wanted to pull this pos...

IE6下PNG背景透明的七种方法

分类:前端开发2012-03-14阅读:(1313)标签:css
PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。PNG格式比起GIF来表现色彩更丰富,特别是表现渐变以及背景透明的渐变要比GIF格式出色很多,目前,最新的浏览器基本上都支持PNG格式。但是IE6不支持PNG背景透明,会显示一个灰色的框。IE6下PNG背景透明的解决办法一用CSS hack 解决.png...

CSS specificity优先级规则与算法

分类:前端开发2012-03-07阅读:(1573)标签:css
<p>CSS 的specificity 特性或称非凡性,它是衡量一个衡量CSS值优先级的一个标准,既然作为标准,就具有一套相关的判定规定及计算方式,specificity用一个四位的数 字串(CSS2是三位)来表示,更像四个级别,值从左到右,左面的最大,一级大于一级,数位之间没有进制,级别之间不可超越。在多个选择符应用于同一个元素上那么Specificity值高的最终获得优先级。...

input标签text和button隐藏边框注意事项

分类:前端开发2012-02-28阅读:(1684)标签:css
网页中通常会有一些表单,像搜索框往往还有背景,但是type=“button” 和type=“text”都默认有边框,把边框都去掉,按照习惯直接none。发现input text在IE6与IE7中边框并没有去掉(button类型的input有效果,边框已被去掉)。谨记,input[type=button]{border:0;} — 在IE6中不兼容—input{border:none;}/...

CSS清除浮动

分类:前端开发2011-12-26阅读:(1472)标签:css
清除浮动方法很多,最好是不用多余的标签,减少代码编写。以前多用的是.cb{clear:both;margin:0;padding:0;height:0;overflow:hidden;};在要闭合的地方插入对空标签如<p class=”cb”></p>,现在觉得,太浪费了。去掉无语义的标签,在要闭合浮动的层上加上下面的浮动清除样式就好多了。<style type...

Textarea属性-IE下有滚动条

分类:前端开发2011-12-02阅读:(1552)标签:css
Textarea在IE浏览器下默认是有上下滚动条的,而其他浏览器就没有,如chrome,firefox。但在chrome、火狐下,Textarea可以拖拉,放大缩小。这些细节问题让人很纠结。要去掉右侧上下滚动条其实很简单,只要添加样式“overflow:auto ”就可以了。对于去掉chrome下默认可以拖拉放大缩小的属性,添加样式“resize:none”。IE下默认是不可以拖拉放大缩小的...

解决IE6下hover不兼容

分类:前端开发2011-09-13阅读:(1520)标签:css
<p>目前的浏览器大都支持各标签的hover效果,但,IE6,你懂的,只支持a标签的伪类效果,解决这个不兼容的情况呢,就要加一个文件了,csshover.htc。</p><p>实例演示:</p><style type=”text/css”> body{behavior:url(“csshover.htc”);margin:0;pad...
前端开发