0 0

如何动态设置CSS样式5

    之前在论坛上面看到论坛后台可以把所有页面的标题,内容,字体,背景,颜色等css属性都列出来了,并且可以随意重新设置,保存以后前台页面就可以根据设置动态的更新显示了,之前就有了一点想法,做了一个demo.jsp,然后在这个页面引入一个style.css样式文件,并且在这个样式文件中定义了一些属性,然后定义了一个java类来对应样式文件的属性
    原来是以为可以直接在css文件里面用JAVA代码比方说 font-size: <%=bean.getFontSize()%>  来进行设置的 ,后来发现在css文件里面不能写java代码,所以想问下这个css动态设置是怎样做的呢!从后台设置的css样式是怎样动态的写入到css里面呢。
问题补充:
   我是说如何把用户更改的CSS样式写到css文件中去!
问题补充:
好像不可以把JSP文件当作样式文件来引入 我试了
CSS 
2009年7月23日 10:52

6个答案 按时间排序 按投票排序

0 0

应该是读取Css样式,然后页面修改了更新到Css文件中的。

读取Css文件可以参考:

javax.swing.text.html.StyleSheet 里面会有一个内部类CSSParser

另外就是

http://cssparser.sourceforge.net/

LZ可以试一下

2009年7月24日 08:45
0 0

引用
好像不可以把JSP文件当作样式文件来引入 我试了


首先你的jsp页面要是正常的,
比如头上至少要有这个

<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>

然后就是css的内容了

2009年7月23日 11:47
0 0

引用
好像不可以把JSP文件当作样式文件来引入 我试了


样式写在jsp 中

<jsp:include page=""></jsp:include>

2009年7月23日 11:30
0 0

引用
我是说如何把用户更改的CSS样式写到css文件中去!


这肯定是不行的,用户操作的你服务器的文件,有安全的问题.

通过 javascript 动态设置 css 最好

2009年7月23日 11:19
0 0

引用
后来发现在css文件里面不能写java代码,所以想问下这个css动态设置是怎样做的呢!从后台设置的css样式是怎样动态的写入到css里面呢。


css可以写java的

你把你的css文件变成jsp格式,然后就可以了.在引入样式的时候你直接引入jsp页面就可以了

2009年7月23日 11:17
0 0

首先你要定义多种样式的文件

然后在页面里面你给样式文件设定一个id
<link href="/mail/jy3style/lib/cmcss/skin_blue.css" rel="stylesheet" type="text/css" id="lnkSkin">

然后你可以调用js方法来改变他的连接,这样就可以改变样式了

document.getElementById("lnkSkin").href = '新的样式文件路径';

2009年7月23日 11:01

相关推荐

    小程序中使用css var变量(使js可以动态设置css样式属性)

    在微信小程序中,CSS变量的使用提供了一种动态管理样式的机制,使得JavaScript可以间接修改CSS样式。在小程序中直接修改样式较为复杂,因为小程序的原生组件不支持CSS的语法,但通过CSS变量,我们可以解决这个问题。...

    Qt css样式大全+详细书签pdf.zip

    本资源"Qt css样式大全+详细书签pdf.zip"包含了丰富的Qt CSS样式的教程和参考资料,旨在帮助开发者深入理解和掌握Qt界面美化技术。 首先,"Qt css样式大全(整理版) - wang13342322203的博客 - CSDN博客.html"是王...

    jquery实现动态改变css样式的方法分析

    本文实例讲述了jquery实现动态改变css样式的方法。分享给大家供大家参考,具体如下: jquery 几乎成了现在开发WEB应用的标准JS库,这与其简单性和易用性是分不开的。作为一个后端开发人员,要做一些前端页面时,CSS ...

    birt公用CSS样式

    标题中的“birt公用CSS样式”指的是为BIRT报表设计的一组通用的CSS样式。这些样式通常是为了统一和简化报表设计过程,确保不同报表之间具有一致性和专业性。开发者可以复用这些样式,避免重复编写相同的代码,提高...

    CSS样式初始化commonInitialize.css

    CSS样式初始化是开发过程中一个重要的步骤,它旨在消除浏览器之间的默认样式差异,确保网页在不同浏览器上的一致性表现。"commonInitialize.css"就是这样一个专门用于全局CSS样式初始化的文件。 首先,我们来理解...

    css层叠样式表手册_css样式表_css层叠样式表_css样式表下载

    css层叠样式表手册_css样式表_css层叠样式表_css样式表下载css层叠样式表手册_css样式表_css层叠样式表_css样式表下载css层叠样式表手册_css样式表_css层叠样式表_css样式表下载

    清除修改删除Vue自带的CSS样式

    清除删除修改Vue自带的CSS样式,在Vue项目中写样式时发现总是出现一些奇怪的样式和字体颜色,后来发现是Vue自带了默认的CSS样式导致的,只要修改Vue自带的CSS样式即可。文件中附有修改样式的css文件以及详细教程。

    JavaScript修改css样式style动态改变元素样式

    一、局部改变样式 分为改变直接样式,改变className和改变cssText三种。需要注意的是: 注意大小写: javascript对大小写十分敏感,className不能够把“N”写成“n”,cssText也不能够把“T”写成“t”,否则无法...

    css样式表中文手册

    2. **属性(Properties)**:属性是CSS样式的一部分,定义了元素的视觉特性,如`color`用于设置文本颜色,`font-size`用于设置字体大小。 3. **值(Values)**:属性后面跟随的值,指定了属性的具体设置,如`red`是...

    Reset_CSS css样式重置文件

    CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的...

    CSS样式重写.css

    CSS样式重写.cssCSS样式重写.cssCSS样式重写.cssCSS样式重写.cssCSS样式重写.cssCSS样式重写.css

    css样式表代码

    CSS 样式表代码是用于设置 HTML 文档样式的代码,它是 Web 开发中不可或缺的一部分。CSS 代码可以分为选择器、属性和值三个部分,选择器用于选择要应用样式的 HTML 元素,属性是要应用的样式,值是属性的具体值。 ...

    形考任务四活动1:采用CSS样式来设置背景、标题和段落的颜色。.zip

    形考任务四 - CSS样式应用 body { background-color: blue; } h1 { color: red; } p { color: green; } 这是一个红色的一级标题 这是一个绿色的段落。 ``` 通过这种方式,我们能够有效地控制HTML文档...

    经典的css样式

    【标题】:“经典的css样式” 在网页设计领域,CSS(层叠样式表)扮演着至关重要的角色,它赋予HTML或XML文档丰富的视觉表现力。"经典的css样式"指的是那些广泛应用于网页设计,经过时间检验,既实用又美观的CSS...

    DW CS6 CSS样式汉化文件补丁

    此"DW CS6 CSS样式汉化文件补丁"是为了帮助用户将Dreamweaver CS6中的CSS样式编辑界面翻译成中文,使得不懂英文或者英语水平有限的用户也能更好地理解和操作这个强大的工具。 在Dreamweaver CS6中,CSS(Cascading ...

    css样式基础版

    css样式,很好用好,很不错,可以试试

    java控制css样式的读写

    在Java编程中,控制CSS样式的读写是一项重要的任务,特别是在构建动态网页或者服务器端渲染时。CSS(层叠样式表)是用于定义HTML或XML(包括如SVG、MathML等各种XML方言)文档呈现的样式语言,而Java作为后端语言,...

    Dreamweaver CS6 CSS样式汉化文件

    "CS6 CSS样式表的汉化文件.txt"很可能是一个文本文件,其中包含了汉化过程的说明或翻译后的CSS样式表的文本内容。这个文件可能是为了指导用户如何安装汉化包,或者记录了每个CSS属性名称及其对应的中文翻译,以便在...

    上百个CSS实例|CSS基础学习|CSS入门基础|CSS样式集合

    【CSS基础学习】是网页设计领域中的重要环节,它是一种用于...从基础的样式设置到复杂的布局设计,每一个实例都是一个学习和进步的机会,让你的CSS技能更上一层楼。开始探索这个丰富的资源库,开启你的CSS学习之旅吧!

Global site tag (gtag.js) - Google Analytics