高大上的动态CSS_html/css_WEB-ITnose
程序员文章站
2022-04-24 08:08:13
...
项目里要添加 custom css 功能 (dynamic stylesheet ),总结一下实现方法。
1。在JSP中动态设定文件path
预先生成一些css文件,由用户选择,在jsp被请求时,动态加载用户选择的css文件。
xml 代码
这种方法,网上讲很多。
2。覆盖CSS样式
利用CSS的一个特点,即当有重名样式时,新的样式内容将覆盖旧的,对使用样式的元素来说,就是使用就近的样式内容。
所以,我们可以在中引用一个默认的样式文件,然后,将客户订制的CSS样式,动态输出到JSP的
xml 代码
- style>
之中,这样客户订制的css就会覆盖默认样式。
3。使用jsp来动态生成CSS
将css样式文件,改名为.jsp,引用样式文件时,使用这个jsp文件,就可以动态生成样式了。mycss.jsp如下
xml 代码
- request.setAttribute("baseColor", request.getParameter("baseColor"));
- request.setAttribute("color", request.getParameter("color"));
- %>
- .myColor {
- color:
; -
; - }
在jsp中引用
xml 代码
因为link标签,不能把 request 也传过去,所以要通过url传参数,也可以通过session。
上一篇: php 不同服务器共享session问题
下一篇: css 宽度 width
推荐阅读
-
网页上的.swf如何下载?帮我看看这个怎么下载_html/css_WEB-ITnose
-
Github 上最受欢迎的一些 CSS 框架参考_html/css_WEB-ITnose
-
CSS3 实现的一个简单的"动态主菜单" 示例[转]_html/css_WEB-ITnose
-
iOS在固定的label上动态显示所有文字
-
iOS在固定的label上动态显示所有文字
-
js动态在form上插入enctype=multipart/form-data的问题
-
ps高大上纹理的制作方法介绍
-
如何使用亿图图示(Edraw Max)做出高大上的商务面积图表?
-
AI怎么使用剪切蒙版制作高大上的背景填充文字效果?
-
如何在响应式网站上设置一个高大上的幻灯片?