清理浮动有很多种方式，像使用 br 标签自带的 clear 属，使用元素的 overflow，使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题，一般我们都会使用如下代码来清理浮动。 /* 清理浮动 */ .clearfix:after { visibility:hidden; display:block; font-size:0; content: ; clear:both; height:0; } .clearfi

开篇前的一些YY 曾几何时，一个人出设计稿，出完设计稿打开DW用拖出一个页面，再苦逼一点拖完页面后自己还要写后台，武林人称：美工。更苦逼的是当每一次需求变更后，去修改一大堆发麻的 ，于是div+css被搬上了互联网时代的舞台，一夜间N多的《DIV+CSS》葵花宝典横空出世，那时，我们活在了div+css的年代，那时，我们用上了

利用CSS让元素垂直居中是个很头疼的问题，这里就介绍两种简单实用的方法 方法一：利用行高（line-height）定位 line-height通常是用于调节一段文字的行与行之间的距离，或者说两行文字之间的距离，如果行高是500px，那么每一行中的文字距离本行的顶部就是250px，如果将文字的行高设为500px，并且外面的容器的高度也为500p

网上整理的比较好的css命名规则，为css代码的规范化做参考，增加代码的可读性。 id的命名: (1)页面结构 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 左右中：left right center 页面外围控制整体布局宽度：wrapper (2)导航 导航：nav 主导航

1. 创建一个漂亮的图标 这个教程将教你如何用纯CSS3创建一个图中的图标 2. CSS3 图片样式 这个教程将教你如何使用 box-shadow, border-radius和transition。 3. CSS3 Transition 的模糊效果 4. 实用的CSS3圆角表格 5. 创建纯CSS3的票式标签

十一长假已然过去了一大半。今天倒真是晴朗的不行，向窗外望去几乎可以看到阳光穿过凉爽的空气一缕缕洒落下来的样子。自从不再是学生，对每年的几次长假就无比珍惜，想方设法让每一天都尽量过的饱满一些；夜里闭上眼，满脑子就都是Drupal、博客、咖啡、使命召唤、南方公园。..也许需要出门走一走了。 OK开始说正经的了。在之

在css中，我们可以使用:before伪元素选择器与:after伪元素选择器在页面的前面和后面以content属性的方式插入内容。 从css2.0添加这两个伪元素选择器到css2.1到现在的3.0，都不断的在对这两个选择器进行改良和扩展。 首先，我们来看一下，在css2中，我们如何来插入内容（ie6 7不在考虑范围之内，因为他们不支持:before与afte

操作系统版本：Windows 7 浏览器版本：IE6,IE7,IE8,Firefox 3.6.2,Safari 4.0.4,Chrome 5.0.356.2 dev 受影响的浏览器：所有浏览器. 经常讲到css选择器命名规则，其实不只是在团队合作基础上来讲这个，每个浏览器,IE产品，火狐，苹果，谷歌，都会因为命名不规范会产生不同样式.. 一、关于选择器的命名 W3C CSS2.1的 4.1.3 节