带有 Web 应用程序的 CSS答案

【问题标题】：CSS with Web Application带有 Web 应用程序的 CSS
【发布时间】：2012-08-03 02:12:19
【问题描述】：

什么是允许网页设计人员单独访问网络应用程序中的 css 文件的最佳方法，这样就不需要每次对这些文件进行更改时都重新编译并且他们可以轻松地覆盖他们的更改？

【问题讨论】：

我对“Web 应用程序”的定义不包括任何编译。刷新浏览器应该够了吧？或者您正在创建一个带有 html 用户界面的编译应用程序？

标签： css web-applications stylesheet web-application-project web-application-design

【解决方案1】：

我建议研究 Backbone 和 Twitter Bootstrap，以获得有关如何管理 CSS、JS 和 HTML 内容（包括一般逻辑分离）的良好灵感。

http://coenraets.org/blog/2012/02/sample-app-with-backbone-js-and-twitter-bootstrap/

编译不适用，除非你指的是服务器端的东西，但我想我明白你的意思。

【讨论】：

【解决方案2】：

非常简单.. 始终将 CSS 文件保存在单独的文件夹中。永远不要使用内联样式表。仅使用外部 CSS 文件。

http://blog.totusinfo.com/

【讨论】：

【解决方案3】：

传统的方法是为 css 文件创建一个单独的文件夹，这样设计师就可以得到他们应该做的事情。但是由于缓存问题，css文件的变化不会很快反映出来。在开发阶段，您可以通过在 html 文件中使用样式表导入提供一些随机参数来解决此问题。例如

<link href="css/styles.css?t=somecode" rel="stylesheet" type="text/css" />

必须将 somecode 替换为您使用的服务器端语言生成的随机数，例如用于 java 的 <%Math.random()%> 和用于 php 的 <?php echo(rand(1,7));?>。这样可以确保使用的 css 文件不是来自缓存。但这不是一个好的做法，请务必在部署到生产环境之前删除参数。

【讨论】：