问题 CSS3参考指南


我正在寻找CSS3语法的参考站点。请不要发布w3c规范。 我需要概述什么是在什么浏览器上工作,特别是我如何使用简短形式。

例如,我很难找到简短形式的完整语法 -webkit-animation。 W3C规范旁边有什么东西有一个很好的概述吗?

编辑 我需要的基本上是一个迭代的备忘单

编辑  这个 但是,crossbrowser会很完美。


11069
2018-01-20 22:07


起源

这个问题已经回答了吗? - Myles Gray
它有几个芒果,但没有一个满足我的complitly所以我现在正在编写我自己的CSS3参考。 - meo


答案:


这怎么样:

http://fmbip.com/litmus/

到目前为止我遇到的最好的......

编辑: 这是我所知道的语法的最佳资源:

http://www.impressivewebs.com/css3-click-chart/


9
2018-01-24 21:24



thx为第一个链接。第二是不完整 - meo
我同意Hoang在CSS3的最佳状态下确实是在这个时刻: media.smashingmagazine.com/wp-content/uploads/images/... - Myles Gray


这是你想要的吗? CSS3备忘单: http://media.smashingmagazine.com/wp-content/uploads/images/css3-cheat-sheet/css3-cheat-sheet.pdf

HTML5和Css3即将推出,所以我认为现在就说明哪个浏览器正在使用哪个浏览器。

关于HTML5和CSS3的其他一些资源:

http://www.smashingmagazine.com/2009/07/13/css-3-cheat-sheet-pdf/ http://www.webresourcesdepot.com/html-5-and-css3-cheat-sheets-collection/


3
2018-01-25 03:11





好, CSS3.info 报价 链接的页面 到了 可下载的参考指南(.pdf格式),这几乎列出了我能想到的一切。


2
2018-01-20 22:17



+1我喜欢surfin safari,但遗憾的是它只对webkit有帮助:/参考指南非常酷谢谢你,但我想念支持的浏览器。 (和相应的语法) - meo
@meo,嗯,是的,但这只是为了澄清我对你的学习欲望的看法 -webkit-animate,我假设你的意思 -webkit-transition。该 CSS3.info 页面是我的尝试 回答 你的问题。谢谢你的投票! =) - David Thomas
不,我的意思是-webkit-animation: css3.bradshawenterprises.com/#animationDemo。但我只是一个例子 - meo
@meo, 啊,很好找。真诚地向你表示怀疑=) 编辑 - David Thomas


买这本书:

http://books.alistapart.com/products/css3-for-web-designers

参考  - 基本上与IE / FF + Opera的safari链接完全相同

火狐:

https://developer.mozilla.org/En/Firefox_3.5_for_developers

歌剧:

http://www.opera.com/docs/specs/presto23/#html (非常非常好)

苹果浏览器:

http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Introduction.html#//apple_ref/doc/uid/TP30001267-SW1

IE:

http://msdn.microsoft.com/en-us/library/aa902517.aspx


1
2018-02-07 14:51





Mozilla开发人员中心 非常好 参考手册 用于CSS(还有很多其他的东西)。他们的参考包括CSS标准和Mozilla为Gecko所做的扩展(即 -moz- 扩展)。

CSS参考 本身是浏览器不可知的(包括CSS3属性),每个属性都有一个多浏览器兼容性表。

对于浏览器兼容性,当然有 Quirksmode的表格 这是定期更新的。


1
2018-01-30 15:02





你可以找到一个很好的CSS3教程 这里

我想你会在这部分找到你的答案(-webkit-animation)http://www.w3schools.com/css3/css3_animations.asp


0
2018-01-20 22:10



请不要推荐该网站;它变得越来越好了 仍然包含大量不准确之处。 - David Thomas
这个网站上的解释很好,但概述非常混乱,很难分辨什么,添加什么是内容。对不起,我很挑剔,但我真的需要一些方便的东西。 - meo


虽然 css3.info 不显示完整的语法列表  页面,但您可以在新属性上找到浏览器供应商的正确语法


0
2018-01-20 22:11



我已经知道了这个,但它非常不完整。 - meo