随笔分类 - CSS
CSS重构
摘要:<meta name="viewport" content="width=375,user-scalable=no"> http://hi.baidu.com/lansesansan/item/e6411bce3fb8c25ebdef6931 <meta name="format-detection
阅读全文
摘要:IE6下font-size会撑高元素,也就是说IE6下元素的最小高度为font-size的高度(蛋疼)IE6不支持两个class 例如 .a.b,类名不支持下划线开头通过js设置样式带下划线的样式“_top,_bottom"无效IE6/7 Position:absolute元素中,a display:block, 在非:hover时只有文本可点击官方solution:给a加一个背景 background:url(#) //不会产生http请求IE6-8使用filter处理的透明背景图片的透明部分不可点 把background:none变成background:url(‘链接’),链接
阅读全文
摘要:http://www.w3help.org/zh-cn/kb/010/它与普通的块框类似,不同之处在于:1可以包含浮动元素2可以阻止外边距折叠3可以防止元素被浮动元素覆盖placeholder颜色设置::-webkit-input-placeholder { color:#c5c5c5; }::-m...
阅读全文
摘要:1(position:static和relative)它的包含块由它最近的块级、单元格(table cell)或者行内块(inline-block)祖先元素创建。2.position:fixed如果元素是固定定位元素,那么它的包含块是当前可视窗口。3.position:absolute总的来说,绝对...
阅读全文
摘要:inline-block 兼容性通常网页模板都需要动态添加或删除内容,在做网页导航的时候,需要nav中的ul能够居中并实现自适应拓展,如果ul是固定的长度很好实现居中,只需要设置margin:0auto;就行。但是这里ul的长度是不确定的,设置了margin-left就没法自适应居中了。在FF和IE7以上的浏览器中,设置.nav{text-align:center;},.navul{display:inline-block;padding:0;margin:0;}就ok了,但是在IE6中不行。1)在IE6、IE7中不识别display:inline-block属性,但使用inline-bloc
阅读全文

浙公网安备 33010602011771号