我正在观看一系列HTML5教程,其中该人正在尝试教授flexbox,但是该教程已经很老了,而且他正在使用display: -webkit-box;
和webkit-box-pack:center;
之类的东西。我假设是因为某些浏览器当时没有支持它。但是我也读到这个语法现在已经过时了,像MDN这样的网站也有关于它的警告,但他们没有提供新语法的链接来做同样的事情。不幸的是,我无法找到一个能够展示旧方式和新方式的网站,所以我想知道是否有人可以帮助我,链接一些有用的资源或者向我解释如何找到MDN等网站中旧语法的等价物。
由于
答案 0 :(得分:0)
在这种情况下,据我所知,Google是您最好的,也是唯一的朋友。例如,我花了shouldiprefix.com
,虽然有点过时,但有时指向正确的方向。 In a case of flexbox,它指的是css-tricks.com article,其中有一个名为"过时的东西的例子"。在那里你确实可以看到一些使用旧语法的教程。
要找到解释旧语法和新语法之间所有差异的页面并不容易。问题是 - 你真的需要吗?像css-tricks.com(article about flexbox)或w3schools.com(their flexbox reference)这样的千人使用的网站仅教授新语法,并且经常更新。它不像你,经常需要旧的语法。
另外,请帮自己一个忙,不要担心供应商前缀。像f.e.一样使用autoprefixer。 grunt-postcss(此处为nice tutorial - 请查看" IV.Grunt设置"步骤。)