高大上的动态CSS

王朝学院·作者佚名  2016-05-24
窄屏简体版  字體: 小  |  中  |  大  |  超大  

高大上的动态CSS项目里要添加 custom css 功能 (dynamic stylesheet ),总结一下实现方法。

1。在jsp中动态设定文件path

预先生成一些css文件,由用户选择,在jsp被请求时,动态加载用户选择的css文件。

xml 代码<linkrel="STYLESHEET"type="text/css"href="cssfile"><link href="动态设定样式文件" type="text/css" rel="STYLESHEET">

这种方法,网上讲很多。

2。覆盖CSS样式

利用CSS的一个特点,即当有重名样式时,新的样式内容将覆盖旧的,对使用样式的元素来说,就是使用就近的样式内容。

所以,我们可以在中引用一个默认的样式文件,然后,将客户订制的CSS样式,动态输出到JSP的

<link href="默认样式文件" type="text/css" rel="STYLESHEET">

xml 代码<linkrel="STYLESHEET"type="text/css"href="defaultcssfile"> <styletype="text/css"> <!----> style>之中,这样客户订制的css就会覆盖默认样式。

3。使用jsp来动态生成CSS

将css样式文件,改名为.jsp,引用样式文件时,使用这个jsp文件,就可以动态生成样式了。mycss.jsp如下<!---->

xml 代码<%@taglibPRefix="c"uri="http://java.sun.com/jstl/core"%> <% request.setAttribute("baseColor",request.getParameter("baseColor")); request.setAttribute("color",request.getParameter("color")); %> .myColor{ color:<c:outvalue="${color}"default="#003399"/>; <c:outvalue="${baseColor}"default="#cfddee"/>; }在jsp中引用

xml 代码<linkrel="STYLESHEET"type="text/css"href="/mycss.jsp?baseColor=red&color=blue">因为link标签,不能把 request 也传过去,所以要通过url传参数,也可以通过session。

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航