请问是否有PHP实现的自动生成CSS3兼容性前缀?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

请问是否有PHP实现的自动生成CSS3兼容性前缀?

2016-06-12 10:24:04 1609 1

CSS3有很多好用的新属性,比如圆角、阴影、动画等,但是这些属性在不同浏览器中都是通过-moz-、-webkit-等的私有标签进行支持的。因此需要跨浏览器实现的时候,必须一条属性分写好几遍。例如:
`-webkit-box-shadow: 20px;
-moz-box-shadow: 20px;
box-shadow: 20px;`
有一个好用的网站(http://prefixr.com/) ,可以帮助生成这些代码。但这是非实时的生成,需要手动加入自己的文件中。因此遇到修改的时候就相当繁琐。
有没有一种php的实现,在css中只书写标准属性,例如

/* test.css */
div
{
  box-shadow: 20px;
}

通过php读取css文件并自动识别后,实时输出如下代码:

/* test.php?file=test.css */
div
{
-webkit-box-shadow: 20px;
-moz-box-shadow: 20px;
box-shadow: 20px;
}

这样在css的编写、调试、修改中就变得相当地快捷,并且能快捷地生成发布用文件。将来浏览器支持发生变化时,也只需修改一下相应的规则,然后简单生成一次文件即可。

现在比较麻烦的是CSS属性的复杂性,参考 http://prefixr.com/ 首页上的示例就涉及到了其中的多数。
如何通过正则实现自动匹配和添加?
或者有没有大致的实现思路?

取消 提交回答
全部回答(1)
  • 落地花开啦
    2019-07-17 19:33:19

    PHP 实现的不是很清楚,但是有一个 javascript 实现的 LESS,在编写的时候调用特殊 js 文件实现快速调试,部署的时候可以直接输出成 CSS 文件。

    0 0
相关问答

162

回答

惊喜翻倍:免费ECS+免费环境配置~!(ECS免费体验6个月活动3月31日结束)

豆妹 2014-10-29 17:52:21 226161浏览量 回答数 162

145

回答

【新手入门】云服务器linux使用手册

fanyue88888 2012-11-26 17:14:18 157701浏览量 回答数 145

22

回答

爬虫数据管理【问答合集】

我是管理员 2018-08-10 16:37:41 147243浏览量 回答数 22

31

回答

[@倚贤][¥20]刚学完html/css/js的新手学习servlet、jsp需要注意哪些问题?

弗洛伊德6 2018-10-27 21:52:43 146044浏览量 回答数 31

2

回答

mySQL数据库报错You have an error in your SQL syntax

落地花开啦 2016-02-14 16:09:24 128911浏览量 回答数 2

257

回答

“零基础”系列课程--如何在ECS上快递搭建一个WordPress站点

patricia 2015-09-30 17:40:16 86392浏览量 回答数 257

249

回答

阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本

云代维 2014-02-14 15:26:06 305635浏览量 回答数 249

97

回答

Redhat/CentOS一键安装web环境全攻略

xiaofanqie 2011-08-11 14:51:38 123706浏览量 回答数 97

14

回答

域名解析是正确的,但是网站打不开求助!

游客b4ezpaqg54gdq 2019-07-05 11:50:33 119341浏览量 回答数 14

78

回答

【2013.9.5修正版图文】新手如何使用阿里云(linux)服务器建站(搬站)

姑苏公子 2013-04-11 00:39:13 107998浏览量 回答数 78
+关注
落地花开啦
喜欢技术,喜欢努力的人
0
文章
7824
问答
问答排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载