随笔分类 - Css
摘要：定义和用法box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。默认值：content-box继承性：no版...
阅读全文
摘要：强制不换行div{ white-space:nowrap;}自动换行div{ word-wrap: break-word; word-break: normal; }强制英文单词断行div{ word-break:break-all;}word-wrap:css的 wor...
阅读全文
摘要：当li的子元素中有浮动（float）时，IE6/IE7中元素的下面会产生4px空隙的bug。XHTML vapour 百度 淘宝 迅雷经过测试发现：li的子元素浮动是这个bug产生的必要条件，这个bug产生的充要条件是li的子元素浮动并且li设置了以下CSS属性之一：width、height、zoom、padding-top、padding-bottom、margin-top、margin-bottom。 知道了这个bug的产生条件，所以解决方法也就有了： 方法1 #list div设置clear:left|both，这时#list li不能设置width、height...
阅读全文
摘要：emmet前身zen coding。支持sublime Text。基本上，大多数文本编辑器有允许你存储和再利用常用的代码块，称为“片段”。而片段是提高生产率的一个好方法，所有的实现都是常见的陷阱：你需要定义段第一，你不能在运行时扩展。埃米特以片段的想法到一个新的水平：你可以像CSS表达式类型可以动态...
阅读全文
摘要：百度上看到有人求下图效果，我简单作了一下，分享到这里： 我的图： 代码如下：
阅读全文
摘要：今天回顾一下css中的清除浮动 /*所有主流浏览器都支持 :after 伪元素。*/.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{*+height:1%;}/*不知道有什么用处，不加ie7也没有问题*/测试代码：<html > <head> <title> new document </title> <meta name="generator" content=&qu
阅读全文
摘要：css字体名可以使用2种Unicode格式，以“微软雅黑”为例:微软雅黑和\5FAE\8F6F\96C5\9ED1，如果未找到需要的字体名称，可以到这里把简体中文转换为Unicode编码。另外注意：繁体中文字体名，在简体中文系统中是不能被识别的。中文名英文名UnicodeUnicode 2Windows新细明体PMingLiU\65B0\7EC6\660E\4F53新细明体细明体MingLiU\7EC6\660E\4F5
阅读全文
摘要：IE6 hack _background-color:#CDCDCD; /* ie 6*/IE7 hack *background-color:#dddd00; /* ie 7*/IE8 hack background-color:red \0; /* ie 8/9*/IE9 hack background-color:blue \9\0;浏览器优先级别:FF<IE7<IE6,CSS hack书写顺序一般为FF IE7 IE6 以: " #demo {width:100px;} "为例; #demo {width:100px;} /*被FIREFOX,IE6,I
阅读全文
摘要：今天作个一个专题就一个静态页面，要实现悬浮菜单，遇到这样一个问题"悬浮菜单遮住了内容"，在此我提出了margin加负padding的效果。代码如下：margin-top:-50px;padding-top:50px;
阅读全文
摘要：这个问题很简单，在overflow:hidden后加一个position:relative;就OK了！失效的原因是子标签的属性为position:relative，所以取掉子标签的position:relative属性也是可行的。
阅读全文
