CSS3 Please:在线生成跨浏览器的CSS3代码- CSS样式表

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS3 Please:在线生成跨浏览器的CSS3代码

CSS样式表: CSS的margin边界叠加深度剖析图文演示; CSS中Float（浮动）相关技巧文章; 惊现学习CSS应该注意的方法; 使用text-align:justify实现两端对齐一例; CSS整体布局声明的一些使用技巧; 推荐深入理解css中的position定位和z-index属性; 固定表格的高度超过指定高度就隐藏的方法; 推荐个Css的filter常用滤波器属性及语句大全; 用css滤镜实现的文字描边效果的代码; 用css实现的带阴影的表格效果的代码; 推荐个不错的表单Input的高级用法11例; flash幻灯片需要先激活ActiveX控件才能使用的又一个办法; DIV+CSS作网页容易犯的错误小结; ul+li及css制作韩国风格菜单代码; div布局的自由伸展三栏式版面的代码; 几乎被设计师遗忘了的标签fieldset legend; 不用javascript实现带序号的表格隔行换色的效果; 用CSS实现基本条状图表效果; 用javascript来控制链接的target 属性的代码; 多浏览器css兼容分析小结

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-03-17 浏览: 177 ::

收藏到网摘: n/a

CSS3 Please一个在线生成跨浏览器的CSS3代码的网站，很直观，也很方便，现在支持的CSS 3属性有圆角、阴影、渐变、自定义字体、旋转、rgba色彩。即将支持的还有其他的一些 css transform。

用法很简单，点击属性值直接修改就可以及时预览。toggle rule on和toggle rule off按钮可以启用或禁用某个属性。

事实上，现在支持这些CSS3属性的浏览器大都没有完全的支持W3C标准属性，而是采用自己的私有属性，这显然增加了开发的复杂度，也给将来的维护带来一些不确定性。不过貌似chrome dev版开始支持原生的border-radius了。

Paul Irish 和 Jonathan Neal 创建了一个有趣的实例站点，内容关乎大量参数可调整的 CSS 示例，支持参数修改后的即时预览功能。

CSS3, Please! 将会带你领略这些令人意想不到的 CSS 新规则：

1. border-radius
2. box shadow
3. gradients
4. rgba support in backgrounds
5. transforms
6. font-face

这是一个非常适合学习 CSS3 的页面，有兴趣不妨一试。