Welcome, Old Sport!

一款在线跨浏览器CSS整理器 Prefixr

by ilikecss ON 2011/08/08 5269

Cross-Browser CSS Prefixes With Prefixr

Nettuts+最近创建了一款有用的Web应用程序叫Prefixr,可以跨浏览器的自动整理一个给定的CSS文件。一旦一个CSS文件粘贴到应用程序,它会扫描所有的规则和适用时增加了浏览器规定的。用户也可以整理自己的CSS格式,比如你的CSS写时空格太多,长度不等,代码放入后可以整理出非常整齐的样式!在线编辑并不是唯一的使用方式,在一个API的帮助下,它可以集成到您的代码编辑器。

下面是二则例子:

#top { border-radius: 1px 1px 1px #333;}

会被转换成

#top {
	-webkit-border-radius: 1px 1px 1px #333;
	-moz-border-radius: 1px 1px 1px #333;
	-o-border-radius: 1px 1px 1px #333;
	-ms-border-radius: 1px 1px 1px #333;
	-khtml-border-radius: 1px 1px 1px #333;
	border-radius: 1px 1px 1px #333;
}
* { margin: 0; padding: 0; outline: 0; }






body {
	       background: #333;
	                         color: #FFF;
	font: normal normal normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

会被转换成

* {
	margin: 0;
	padding: 0;
	outline: 0;
}
body {
	background: #333;
	color: #FFF;
	font: normal normal normal 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
目前还没有评论



TOP