FED实验室 - 专注WEB端开发和用户体验

 分类:CSS(3)

CSS2.0+CSS3.0

IE6、7浏览器li元素下面出现3px的bug

Bug产生的条件: 一、必要条件: li的子元素设置了浮动 二、充要条件: 在IE6/7浏览器中,li设置了width、height、zoom 之一 ,产生了layout 解决方案: 1.设置li{vertical-align:middle} (推荐) 2.设置li{font-size:0} li...

煦涵 5年前 (2014-04-10) 1743℃ 0评论 0 喜欢

CSS隐藏文字的几种方式

方式一:text-indent:-9999px 不多说 方式二:font-size:0 此方式在没有给容器设置height 或者行高的情况下,设置font-size:0,则容器将无高度 方式三:设置padding,撑开容器(逛去哪儿网发现) <style type="text/css">...

煦涵 5年前 (2014-03-31) 4369℃ 0评论 0 喜欢

深入CSS属性(一):word-break与word-wrap

点击进入:深入CSS属性:CSS文本断行 下面是「FED实验室」的微信公众号二维码,欢迎扫描关注:转载声明:本文标题:深入CSS属性(一):word-break与word-wrap本文链接:http://www.fedlab.tech/archives/152.html,转载请注明转自FED实验室-...

煦涵 5年前 (2014-02-25) 4656℃ 0评论 2 喜欢

line-height:1.5 与line-height:150%的区别

line-height的属性值: normal:根据浏览器决定,一般为1.2。 number:仅指定数字时(无单位),实际行距为字号乘以该数字得出的结果。可以理解为一个系数,子元素仅继承该系数,子元素的真正行距是系数与自身元素字号相乘的结果。大多数情况下推荐使用,可以避免一些意外的继承问题。 len...

煦涵 5年前 (2014-02-23) 7458℃ 5评论 4 喜欢

各浏览器default css 对照表

今天花了近3个小时的时间总结了这个对照表,以备后期参考,以前经常查看一些公司网站的css reset(包括大的互联网公司),大多也都是对所有常见的标签一致使用{margin:0;padding:0},更有甚者,*{margin:0,padding:0},这样的话,页面render的时候会降低渲染效率...

煦涵 5年前 (2014-02-23) 2631℃ 0评论 0 喜欢

Table表格CSS

常见属性 cellpadding(单元格左内边距,相当于padding-left),cellspacing(边框间距) 一、确定表格及内部单元格宽度的方式? 1)自动式:table-layout:auto(默认),根据内部内容宽度决定 2)固定式:table-layout:fix...

煦涵 5年前 (2014-02-18) 2885℃ 0评论 0 喜欢