我们可以将css和javascript组合成一个javascript文件吗？

我们能把css和javascript结合在一起吗？我想为sIFR做这件事。因为sifr有.js和.css文件，并且没有启用js，所以不使用任何css或js文件

我想将所有与sIFR相关的文件合并成一个组合的javascript文件

所以最后我只有2个文件

font.swf

sifr3.js包含所有内容

---

下面是最新的sIFR 3，您可以将CSS放入Javascript字符串中，然后在Javascript中创建样式元素

例如：使用jQuery

$('<style type="text/css">p { color:red; }</style>').appendTo($('head'));

对于sIFR3，您可以编写

$('<style type="text/css">@media screen {.sIFR-flash { visibility: visible !important; margin: 0; padding: 0;}.sIFR-replaced, .sIFR-ignore { visibility: visible !important;}.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}.sIFR-replaced div.sIFR-fixfocus { margin: 0pt;  padding: 0pt;  overflow: auto;  letter-spacing: 0px;  float: none;}}@media print {.sIFR-flash { display : none !important; height: 0; width: 0; position: absolute; overflow: hidden;}.sIFR-alternate { visibility : visible !important; display : block!important; position: static!important; left : auto !important; top: auto !important; width: auto !important; height: auto !important;}}</style>').appendTo($('head'));

---

获取CSS文件，删除注释，删除所有双空格和所有换行符。您可以将CSS放入Javascript字符串中，然后在Javascript中创建样式元素

例如：使用jQuery

$('<style type="text/css">p { color:red; }</style>').appendTo($('head'));

对于sIFR3，您可以编写

$('<style type="text/css">@media screen {.sIFR-flash { visibility: visible !important; margin: 0; padding: 0;}.sIFR-replaced, .sIFR-ignore { visibility: visible !important;}.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;}.sIFR-replaced div.sIFR-fixfocus { margin: 0pt;  padding: 0pt;  overflow: auto;  letter-spacing: 0px;  float: none;}}@media print {.sIFR-flash { display : none !important; height: 0; width: 0; position: absolute; overflow: hidden;}.sIFR-alternate { visibility : visible !important; display : block!important; position: static!important; left : auto !important; top: auto !important; width: auto !important; height: auto !important;}}</style>').appendTo($('head'));

---

获取CSS文件，删除注释，删除所有双空格和所有换行符

您可以将它们作为单独的文件保存，并让Javascript将CSS写入页面。只有启用了javascript，CSS才会出现。

您可以将它们作为单独的文件保存，并让javascript将CSS写入页面。然后，只有启用了javascript，CSS才会出现。

您可以使用类似或的内容。

您可以使用类似或的内容。

或者，您可以完全摆脱sIFR，使用CSS@font-face

这里有一个@font-face生成器，它可以将您的字体转换为不同浏览器IE和Chrome的不同格式，如果您不需要整个字符集，甚至可以创建字体的子集

它可以在所有浏览器中工作，如本文http://paulirish.com/2009/bollertproof font-face-implementation-syntax/中所述，并如测试页面http://dl.dropbox.com/u/39519/webfontsdemo/index.html中所示

我在WindowsXP上测试了IE5.5、FF3.6、Chrome4.0.249.89和Safari4.0.4

---

很抱歉，在我获得更高的声誉之前，请不要让我发布多个链接。

或者，您可以完全摆脱sIFR，使用css@font-face

这里有一个@font-face生成器，它可以将您的字体转换为不同浏览器IE和Chrome的不同格式，如果您不需要整个字符集，甚至可以创建字体的子集

它可以在所有浏览器中工作，如本文http://paulirish.com/2009/bollertproof font-face-implementation-syntax/中所述，并如测试页面http://dl.dropbox.com/u/39519/webfontsdemo/index.html中所示

我在WindowsXP上测试了IE5.5、FF3.6、Chrome4.0.249.89和Safari4.0.4

---

很抱歉，在我获得更高的声誉之前，请不要让我发布多个链接。

是的，您可以。如果您使用CSS注释注释掉JavaScript代码<！->和使用Javascript注释注释CSS/**/您可以在同一文件中使用CSS和JS。您必须在页面上包含两次文件，一次作为JavaScript，一次作为CSS。

---

当您以javascript的形式包含文件时，JS引擎将忽略CSS注释并处理JS代码，而CSS则相反。这里有一篇文章描述了这个过程。

是的，你可以。如果您使用CSS注释注释掉JavaScript代码<！->和使用Javascript注释注释CSS/**/您可以在同一文件中使用CSS和JS。您必须在页面上包含两次文件，一次作为JavaScript，一次作为CSS。

---

---

当您以javascript的形式包含文件时，JS引擎将忽略CSS注释并处理JS代码，而CSS则相反。下面是一篇描述过程的文章。

在我的答案中键入它们。我的意思是如何，你能提供更多细节吗？在我的答案中键入它们。我的意思是如何，你能提供更多的细节吗？但那需要2分钟request@Jitendra是的，但只有在需要的时候。但这样需要2个httprequest@Jitendra是的，但只有在需要的时候。这样做可以赢得HTTP请求，但视觉渲染会变慢，因为CSS将在Javascript执行时首先应用。@Allan Kimmer Jensen-但在sifr中，在执行sifr.js和config.js之前，不使用sifr.CSS几乎肯定没有什么好的理由这样做。这样做可以赢得HTTP请求，但视觉呈现会变慢，因为CSS将在Javascript执行时首先应用。@Allan Kimmer Jensen-但是在sifr中，在执行sifr.js和config.js之前不使用sifr.CSS，几乎肯定没有很好的理由这样做。但是它是可访问的、可选择的、优雅降级的是、是和是。sIFR实际上是一个更好的解决方案，因为最终用户不需要启用JS或Flash来查看字体。而且都是实时文本，就像最终用户在他们的计算机上安装了你的字体一样。优雅降级的唯一问题是让字体堆栈中的备用字体与嵌入字体的比例相匹配，如第2段“bullet point 2 Fit”中所述。这绝对是2011年的发展方向。不

---

提到sIFR是一个很难实现的问题……但是它是可访问的、可选择的、优雅地降级的吗？是的，是的，是的。sIFR实际上是一个更好的解决方案，因为最终用户不需要启用JS或Flash来查看字体。而且都是实时文本，就像最终用户在他们的计算机上安装了你的字体一样。优雅降级的唯一问题是让字体堆栈中的备用字体与嵌入字体的比例相匹配，如第2段“bullet point 2 Fit”中所述。这绝对是2011年的发展方向。更不用说sIFR是一个痛苦的驴实现…对不起，stackoverflow不会让我张贴正确的CSS评论。但这和在HTML代码中添加注释是一样的。我以前必须添加空间！很抱歉，stackoverflow不允许我正确发布CSS评论。但这和在HTML代码中添加注释是一样的。我以前必须添加空间！让它出现。