允许输入HTML代码并能够侦测该代码中所有的内联CSS

13个有助简化CSS3开拓的工具

2011/05/18 · HTML5 ·
亚搏app官方网站,CSS3,
HTML5

Web 开辟职员能经过CSS3为网址设计增加非常的多时尚元素,CSS3
对CSS规范做了比相当的大的精雕细刻。以往,本文将为你介绍12款有助于简化CSS3开支的工具。

1、CSS3Pie

www.yabovip4.com,允许在IE上使用CSS3多边的炫酷功效。

2、CSS3 Builder

通过该工具,你能够用接近利用photoshop特效的分界面来规划复杂的CSS3
box模型。极度节约时间。

3、CSS3 Drop shadow
generatr

经过滑块功效直观的规划阴影。只需复制已被机关创制的CSS代码并粘贴到CSS文件中便可。

4、Cascadr

非CSS3特有但却特别实用。允许输入HTML代码并能够侦测该代码中全体的内联CSS,将之从HTML中移除并增加到叁个独自的样式表中。

允许输入HTML代码并能够侦测该代码中所有的内联CSS。5、Border Radius.com

当下最风靡的CSS3属性之一。有助于快速创设圆角box模型并获得适当的CSS3代码。

6、Button Maker

允许输入HTML代码并能够侦测该代码中所有的内联CSS。同意创设优质的开关。使得CSS3
开关设计变得非凡简便——只需搜聚颜色,调治半径,获代替码,粘贴代码至CSS文件就可以。

7、CSS3 Generator

允许输入HTML代码并能够侦测该代码中所有的内联CSS。选拔便利,有助于制造最流行的CSS3属性代码,如 @font-face, CRUISERGBA,
text-shadow,border-radius等代码。

8、Modernizr

用以侦测浏览器是或不是支持CSS3,能为因素加多类以此在体制表上对一定浏览器功用实行定点。比如,当浏览器不帮衬多元背景时,”no-multiplebgs”就将被增添到成分上。

允许输入HTML代码并能够侦测该代码中所有的内联CSS。9、HTML5 & CSS3
Support

想知道IE
8是或不是协助”text-shadow”属性?那就看看这张图纸吧!该图片显示了具备主流浏览器所匡助的CSS3属性,极具实用性。

www.yabovip4.com 1
(点击查看大图)

10、CSS3 Gradient Generator

渐变生成器。只需采撷颜色、预览颜色,抓代替码并粘贴代码就可以。

11、CSS3 Please

非常有效的可让用户复制并粘贴常见CSS3代码的站点。具备可供现场测验效果的预览区。

12、CSS3 Cheat
Sheet

CSS3 cheat sheets有助于在编码进度中火速记忆性质及其语法。Smashing
Magazine
创造了这些图形,扶助下载与打字与印刷。并且补助.gif格式预览。

原文:Jean-Baptiste
Jung    译文:oschina

赞 1 收藏
评论

www.yabovip4.com 2

发表评论

电子邮件地址不会被公开。 必填项已用*标注