Home Tag HTML/CSS

使用 Emmet 提高编写 CSS 的效率

简写属性和属性值 如果你想生成 width:100px; 你只需要输入 w100 就可以了，因为 Emmet 的默认设置 w 是 width 的缩写，后面紧跟的数字就是属性值。 默认的属性值单位是 px ，你可以在值的后面紧跟字符生成单位，可以是任意字符。 例如，w100foo 会生成 width:100foo...

充分理解bootstrap的栅格系统

充分理解bootstrap的栅格系统

Bootstrap手册里对自身的栅格系统讲解的比较古板。初上手的朋友读完一遍也是云里雾里，在此说一说我个人的理解。什么是栅格系统？请参看我写的前两篇文章 网页设计中的960栅格系统（一）和 网页设计中的960栅格系统（二） 抽象的表格 Bootstrap的栅格系统能自动根据当前设备的屏幕分辨率，横向分配出12个等宽的单元格，你完全可以理解为boot...

CSS 居中大全

我看最近微博流行 CSS 居中技术，老外码农争相写相关的文章，一篇赛一篇的长啊，我把几篇归纳总结了一下，算是笔记。 孔乙己曾说：“茴香豆的回字有四种写法”，万一哪天有个面试官问你：“居中一共有几种写法”呢，哈哈，先备着吧~~ 各种方法各有利弊，大家自己权衡吧，...

神奇的css table隔行换色

最近做个页面的时候需要这个,本以为必须要用js了,没想到竟然还找到一个css的方法. 记录一下,以后也许用得着 <style> tr{ background: #f00;} tr:nth-child(2n){ background: #ccc;} tr{ background-color: ...

准备准备 学习开撸响应式的页面

RT

IE6下DIV高度显示的Bug

引用自:http://www.zeali.net/entry/502 IE6下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度，实际在 IE 下显示...