Maison > interface Web > tutoriel HTML > 高大上的动态CSS_html/css_WEB-ITnose

高大上的动态CSS_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:53:19
original
998 Les gens l'ont consulté

项目里要添加 custom css 功能 (dynamic stylesheet ),总结一下实现方法。

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

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

xml 代码

  1.    

这种方法,网上讲很多。

2。覆盖CSS样式

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

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

xml 代码

  1.      
  2.      
  3. style>    

之中,这样客户订制的css就会覆盖默认样式。

3。使用jsp来动态生成CSS

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

xml 代码

  1.       
  2. request.setAttribute("baseColor", request.getParameter("baseColor"));      
  3. request.setAttribute("color", request.getParameter("color"));      
  4. %>      
  5. .myColor {      
  6.     color: ;      
  7.     ;      
  8. }  

在jsp中引用

xml 代码

  1.   

因为link标签,不能把 request 也传过去,所以要通过url传参数,也可以通过session。

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal