在线生成 CSS3 圆角代码
CSS3 是样式表语言的最新版本，它的一大优点就是支持圆角。一个新事物的产生总会带来一大批的追随者，但也会存在那么点兼容性问题。 Border Radius 是一款在线应用，可以很方便的生成 CSS3 圆角代码，即时显示效果，并提供 webkit ，Gecko 兼容代码。
代码如下：
-webkit-border-radius: 90px;
-webkit-...
分类:CSS
CSS3进度条
HTML代码：
HTML代码比较简单
1
2
3
div class="progress-bar blue stripes">
span style="width: 40%">/span>
/div>
...
更加简洁的 CSS 清理浮动代码
现在网络上清理浮动有很多种方式，比如像使用 br 标签自带的 clear 属，使用无素的 overflow，使用空标签来设置 clear:both 等等。但考虑到兼容性和语义化的问题，一般我们都会使用如下代码来处理。
/* 清理浮动 */
.clearfix:after {
visibility:hidden;
dis...
跨浏览器支持 inline-block
CSS代码如下：
display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline;
纯CSS实现“三角形箭头”
几年前必须用图片实现的东西，现在用CSS就搞定了，不得不羡慕作者对CSS的执着。不过这绝对是一个好用的CSS技巧，使用它可有效减少因使用图片给页面带来的影响，有效提升网页加载性能。
效果图如下：
<!doctype html>
<html>
<head>
...
HTML 5和HTML 4 事件属性的区别列表
W3C组织于1月22日公布了最新的 HTML 5 工作草案。HTML 5 中的一些新特性：嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档。其他特性包括新的页面元素，例如 <header>, <section>, <footer>, 以及 <figure>等。
通过制定如何处理HTML 元素以及如何从错误中恢复...
让不固定个数的子元素自适应居中
今天群里工友提了一个需求，让固定宽度的子元素，在不确定宽度的容器内水平居中（自适应）：UL 宽度不固定；LI 宽度固定，LI 是一个块。看起来还挺简单的。但大家为什么一直讨论不断。奇怪，实现了一下。发现其实还是很简单的。还是没有超出原来的解决方案，即使用 display:inline-block。实际要实现的效果应该是下面这个样子：
...
人民币符号的几种显示方式
传统的方式:
1 ， 直接使用 ” ￥ ”
2， 使用 ” & #65509 ;”
淘宝新的方式：
使用 <p style=" font-family:Arial;">¥ 30元</...
CSS实现兼容性的两栏自适应布局
利用CSS的display:table-cell实现兼容性的两栏自适应布局的代码如下，至少效果嘛，自己可以把代码存成.html，自然就可以看到效果了：
CSS部分：
.box{width:60%; margin:60px auto 0; padding:20px; background:#f5f5f5;}
.content{dis...
大小不固定的图片和多行文字的垂直水平居中
一、大小不固定，多行文字的垂直居中
① 单行文字
可能很多人都知道如何让单行文字垂直居中显示，就是使用line-height，将line-height值与外部标签盒子的高度值设置成一致就可以了。例如：
单行文字居中显示测试，css样式为：height:3em; line-height:3em;……
② 多行文字
...