css批量（CSS批量px转rem）-兴科数码

本篇目录：

JS可以使用css属性来进行样式修改，并且不仅可以修改单一属性，也可以同时修改多个属性。案例以下小案例使用JQuery作为演示。前提： html页面首先必须引入JQuery，放置在body体最后的位置。

首先来看下测试代码，html里，主要部分有二个input输入框，和一个按钮。在js代码里，借助Jquery插件库来操作，以减少代码，所以先引入对应的脚本库文件。

并且需要注意的是，对于使用短划线的CSS属性名，必须将其转换成驼峰大小写形式。

scss文件定义变量 js中更改$textColor 变量的值都是获取DOM 通过DOM分别修改当前DOM样式属性值、当前DOM整体css样式、修改当前DOM的className类名、将link引入的标签作为DOM 修改link的href，从而修改引用的样式表。

1、方法1：使用网际快车下载软件最新版的网际快车FlashGet1下载软件，其中有个“资源探测器”功能，就可以帮助我们实现CSS图片的探测和下载保存。

2、打开一个IE的浏览器的功能，进入到一个网页的页面上，在左上角的位置，点击“文件”选项的功能。在弹出下拉菜单中，然后点击“另存为”的选项功能。

3、）直接用浏览器的保存功能，比如IE， Chrome菜单里都有”另存为“或”另存为网页“的项目，然后保存到你硬盘上，注意如果有选项的话，要选”保存全部网页（元素）“之类的勾上。

一种方法是，在HTML中创建一个按钮，并为其添加一个onclick事件监听器，该事件监听器通过JavaScript来更改页面中的CSS样式。

可以在HTML文档的头部使用标签将样式内容复制到其中。如果要将内部样式表转换为外部样式表，可以创建一个新的文本文件，将样式内容复制到其中，并将其保存为.css文件，然后在HTML文档中使用标签将其链接到页面中。

嵌入式引入CSS样式方法我们创建一个HTML页面，在body标签中添加一个div标签组。然后在上面的head标签中（title标签下），输入引用CSS的代码style标签。（如下图）然后在标签中输入一个CSS名称以及相关的样式。

你可以先建立外部样式表文件（.css），然后使用HTML的link对象。

.wrap { width： 500px；border： 1px solid black；margin： 0 auto；} 外联样式是、你在外面写了一个XXX.css的文件在html头部写上嵌入式样式就是所谓的行内样式，也就是说是在标签内写的。

到此，以上就是小编对于CSS批量px转rem的问题就介绍到这了，希望介绍的几点解答对大家有用，有任何问题和不懂的，欢迎各位老师在评论区讨论，给我留言。