随笔分类 -  css相关

摘要:1.position:staticposition的默认值(一般不设置position:static),这意味着元素没有被定位,会按照正常的文档流进行排列。.content{ position:static; }2.position:relative如果设定 position:relative,就可... 阅读全文
posted @ 2015-09-18 15:56 sensualgirl
摘要:reset css,即CSS重置,就是由于各种浏览器解释CSS样式的初始值有所不同,导致工程师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的规则解释CSS,这样就能避免发生这种问题。网上reset css... 阅读全文
posted @ 2014-07-11 15:33 sensualgirl 阅读(472) 评论(0) 推荐(0)
摘要:1. 强制不换行,并且多行文字溢出显示省略号.ellips{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}.ellips_line2,.ellips_line3{display:-webkit-box; -webkit-bo... 阅读全文
posted @ 2014-05-06 19:53 sensualgirl 阅读(19354) 评论(0) 推荐(0)
摘要:一. 单行内容垂直居中元素内容是单行,并且其高度是固定不变,只要给容器设置line-height和height,并使两值相等即可,还可设置overflow:hidden。HTMLcontentCSS.vertical { height: 100px; line-height: 100px... 阅读全文
posted @ 2014-04-16 19:06 sensualgirl 阅读(286) 评论(0) 推荐(0)
摘要:1.用CSS控制三个DIV,实现如下图布局:主要考虑几个问题:1. IE6 的 3 像素 BUG;2. 清除浮动;HTML结构:<div class='one'></div> <div class='two'></div><div class='three'></div>css样式:.one{ width: 200px; height: 300px; background:#ccc; float:left;}.two{ width: 200px; height: 200px; 阅读全文
posted @ 2013-05-21 11:19 sensualgirl 阅读(202) 评论(0) 推荐(0)
摘要:一、淡淡的开头语昨天趁着不想工作的时间间隙闲逛24ways,在My CSS Wish List一文中,见到了个新鲜的CSS属性,就是题目中的box-flex,以前没有见过,顿生疑惑,不知是骡子还是马,于是习惯性谷歌之,真是不谷不知道,一谷吓一跳。倒不是该属性本身,而是此属性作为导火索,让我了解了下CSS3中新的盒子模型——弹性盒子模型(Flexible Box Model)。对于我这样的流体布局控而言,这种盒子模型的出现就好比打麻将杠上开花杠到绝张边七条,让人兴奋不已。在国外,弹性盒子模型早在去年就开始被提及,研究,与应用。然而,自己现在才第一次听到此概念,真是一不留神就out了,学习这东西, 阅读全文
posted @ 2013-01-17 14:13 sensualgirl 阅读(191) 评论(0) 推荐(0)
摘要:FILTER:progid:DXImageTransform.Microsoft.Gradient使用 语法: filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth) 属性: enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。 true | false true: 默认值。滤镜激活。 false:滤镜被禁止。 startColorStr:可选项。字符串(String)。设置或检索色彩渐变的开始颜色和透明度... 阅读全文
posted @ 2012-12-03 15:42 sensualgirl 阅读(164) 评论(0) 推荐(0)
摘要:====================IE6最小高度 .min_height{min-height:200px;_height:expression(this.scrollHeight < 200 ? "200px" : "auto");}--------------------------------IE6最大高度.max_height{max-height:400px;_height:expression(this.scrollHeight > 400 ? "400px" : "auto");}- 阅读全文
posted @ 2012-09-29 15:36 sensualgirl 阅读(157) 评论(0) 推荐(0)