如何动态设置CSS样式

html-css021

如何动态设置CSS样式,第1张

之前在论坛上面看到论坛后台可以把所有页面的标题,内容，字体，背景，颜色等css属性都列出来了，并且可以随意重新设置，保存以后前台页面就可以根据设置动态的更新显示了，之前就有了一点想法，做了一个demo.jsp，然后在这个页面引入一个style.css样式文件，并且在这个样式文件中定义了一些属性，然后定义了一个java类来对应样式文件的属性

网页的动态效果你说的这里的动态效果是让一个画面或者文字动一下吧？因为在专业里边动态是与数据库连接的后台的技术。

css是层叠样式表，是不能够实现动态效果的。但是可以让某个画面动，比如：

一个文字点击的时候，变大的css代码为：

a{font-size:12px}      /*这里文字默认大小是12像素*/

a:hover{font-size:14px}      /*这里鼠标经过大小是14像素*/

上边这个简单的代码就实现鼠标经过a的时候，文字变大，离开又恢复。

希望能帮到你

如何配置自行百度

1.scss文件定义变量

2.js中更改$textColor 变量的值

都是获取DOM

通过DOM分别修改当前DOM样式属性值、

当前DOM整体css样式、

修改当前DOM的className类名、

将link引入的标签作为DOM 修改link的href，从而修改引用的样式表。

详情转自： https://blog.csdn.net/wx13227855087/article/details/81391787