我想更改HTML页面的字体/字体颜色/字体大小。我已经使用String(contentsOfFile)将CSS文件转换为字符串。我可以使用regEx或类似的东西来编辑CSS数据。这是css文件的示例
.calibre {
color: #000;
display: block;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
margin-bottom: 0;
margin-left: 5pt;
margin-right: 5pt;
margin-top: 0;
padding-left: 0;
padding-right: 0;
text-align: justify
}
我也尝试过使用ESCssParser将此字符串(Css文件)转换为Dictionary。但是,当我将该词典(在更改字体大小之后)转换为字符串时,格式是不同的。一个不同的例子是#idSelector将变成“ #idSelector”。我以为这些更改将影响css文件。我错了吗?
我还有其他方法可以编辑Css文件吗?谢谢!
如果您在html中更改一个类,而不是尝试在css中更改很多条目,那会更好。例如,如果您这样布置html:
<body>
<div id="wrapper" class="med">
<p class="calibre">Lorem Ipsum</p>
<!--rest of html-->
</div>
</body>
您可以#wrapper
在后端代码中的元素中更改类,然后使用css确定页面的样式,如下所示:
.calibre {
color: #000;
display: block;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
margin-bottom: 0;
margin-left: 5pt;
margin-right: 5pt;
margin-top: 0;
padding-left: 0;
padding-right: 0;
text-align: justify
}
#wrapper.small .calibre{
font-size: 0.8em;
}
#wrapper.large .calibre{
font-size: 1.4em;
}
在上面的示例中,没有针对med的特定类,因此将使用默认类(1em)。如果要使包装器的类别较小或较大,而不是med,那么口径将仍然具有所有相同的属性,除了在小型和大型情况下font-size
将更改为。0.8em
1.4em
这是一个用jquery代替您的后端代码的示例。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句