如何在不使用外部链接的情况下处理html中的常见css代码?

时间:2018-01-03 06:20:01

标签: javascript jquery html css

我在所有网页中都有近20个html页面,其中包含常见的css代码。我制作了所有这20个html页面的单个文件。每个html页面都有内部css代码,这在所有页面中都很常见。我需要将这个单个文件(20个html页面的组合)转储到我的嵌入式设备的串行闪存中。我想让所有20个页面的css代码共同但我不想使用外部链接。如果可能的话,有任何方法可以做到这一点吗?如果它可以使用javascript或jquery完成将是好的。这个问题将减少我的单个文件的大小,这节省了我的闪存。请任何人可以帮助我吗?

提前谢谢

3 个答案:

答案 0 :(得分:0)

嵌入式设备是否使用网络服务器来提供页面?如果是这样,网络服务器是否支持Server Side Includes(SSI)或通过perl或PHP等编写脚本?如果是这样,您可以使用这些技术来包含通用CSS(或任何HTML),并且网页将被发送到包含通用CSS的客户端。

另一个选择是真正拥有一个网页,并在固定菜单中使用HTML锚点,让用户跳转到单个页面中的某些点,并让它们看起来像是章节。

答案 1 :(得分:0)

如果您想在文件中使用css代码,即使缩小了大小,也可以缩小CSS代码。尝试缩小您的css代码:

https://cssminifier.com/

如果您想要整体缩小尺寸,那么您可以遵循以下几点:

  1. 如上所述缩小css。
  2. https://javascript-minifier.com/
  3. 上缩小js
  4. 缩小图像尺寸。即重新调整尺寸较小的重磅图像。
  5. 减少代码中不需要的循环。

答案 2 :(得分:-1)

您可以附加CSS

 $('body').append('<link rel="stylesheet" href="css/style2.css" type="text/css" />');

或者必须提供像

这样的单个元素CSS
$("p").css({"background-color": "yellow", "font-size": "200%"});

此处p selector / class / id