首页 > 兴趣百科 > 手工制作 > 页面添加样式

页面添加样式

时间:2018-04-30   来源:手工制作   点击:

【www.gbppp.com--手工制作】

页面添加样式 第一篇_页面样式1

项目总流程图

一、基础信息管理

商品信息管理

二、期初管理

三、进货管理

页面添加样式 第二篇_HTML中设置各种字体格式的语法

1.2 文字的多样化修饰

本文从文字的细节修饰入手,使读者能把握HTML的各种字体格式的变化,制作出更为专业的网页。

1.2.1 文字样式设置的基本标签—<font>

设置字体样式的基本标签是<font></font>,被其包含的文本为样式作用区。在初学者的HTML代码编写中,<font></font>容易被多重嵌套,如<font 属性1=值1><font 属性2=值2>文本</font></font>。还有一种情况是标签嵌套错位,如<font><p>文本</font></p>。为了规范代码的编写,避免不必要的错误,读者在初学时一定要谨慎。

1.2.2 设置文字的颜色

color是<font></font>标签的属性之一,用于设置文字颜色。在D:\web\目录下创建网页文件,命名为font_color.htm,编写代码如代码1.7所示。

代码1.7 字体颜色的设置:font_color.htm

<html>

<head>

<title>字体颜色的设置</title>

</head>

<body>

浅红色文字:<font color="#dd0000">HTML学习的本质就是该是什么就用什么</font><br />

深红色文字:<font color="#660000">HTML学习的本质就是该是什么就用什么</font><br />

浅绿色文字:<font color="#00dd00">HTML学习的本质就是该是什么就用什么</font><br />

深绿色文字:<font color="#006600">HTML学习的本质就是该是什么就用什么</font><br />

浅蓝色文字:<font color="#0000dd">HTML学习的本质就是该是什么就用什么</font><br />

深蓝色文字:<font color="#000066">HTML学习的本质就是该是什么就用什么</font><br />

浅黄色文字:<font color="#dddd00">HTML学习的本质就是该是什么就用什么</font><br />

深黄色文字:<font color="#666600">HTML学习的本质就是该是什么就用什么</font><br />

浅青色文字:<font color="#00dddd">HTML学习的本质就是该是什么就用什么</font><br />

深青色文字:<font color="#006666">HTML学习的本质就是该是什么就用什么</font><br />

浅紫色文字:<font color="#dd00dd">HTML学习的本质就是该是什么就用什么</font><br />

深紫色文字:<font color="#660066">HTML学习的本质就是该是什么就用什么</font><br />

</body>

</html>

在浏览器地址栏输入

图1.7 字体颜色的设置

读者不但可以从代码1.7中学到color属性在font标签中的用法,还可以熟悉各种颜色的表示方法。

1.2.3 设置文字的尺寸

size也是<font></font>标签的属性,用于设置文字大小。size的值为1-7,默认为3。我们可以size 属性值之前加上“+”、“-”字符,来指定相对于字号初始值的增量或减量。在D:\web\目录下创建网页文件,命名为font_size.htm,编写代码如代码1.8所示。

代码1.8 字体尺寸的设置:font_size.htm

<html>

<head>

<title>字体尺寸的设置</title>

</head>

<body>

size为1:<font size="1">HTML学习</font><br />

size为2:<font size="2">HTML学习</font><br />

size为3:<font size="3">HTML学习</font><br />

size为4:<font size="4">HTML学习</font><br />

size为5:<font size="5">HTML学习</font><br />

size为6:<font size="6">HTML学习</font><br />

size为7:<font size="7">HTML学习</font><br />

</body>

</html>

在浏览器地址栏输入

图1.8 字体尺寸的设置

读者可尝试在size值前面加上“+”、“-”字符,更灵活地设置文字尺寸。

1.2.4 设置文字的字体

face也是<font></font>标签的属性,用于设置文字字体(字型)。HTML网页中显示的字型从浏览端的系统中调用,所以为了保持字型一致,建议采用宋体,HTML页面也是默认采用宋体。在D:\web\目录下创建网页文件,命名为font_face.htm,编写代码如代码1.9所示。 代码1.9 字体字型的设置:font_face.htm

<html>

<head>

<title>字体字型的设置</title>

</head>

<body>

字型为宋体:<font size="5">沁园春·长沙-毛泽东</font><br />

字型为楷体:<font size="5">沁园春·长沙-毛泽东</font><br />

字型为黑体:<font size="5">沁园春·长沙-毛泽东</font><br />

字型为隶书:<font size="5">沁园春·长沙-毛泽东</font>

</body>

</html>

在浏览器地址栏输入

图1.9 字体字型的设置

笔者把被修改字型部分的文字尺寸设置为5号,方便读者查看。

1.2.5 使文字倾斜

用双标签<i></i>可使被作用文字倾斜,达到特殊的效果,例如文章的日期。<em></em>被称为强调标签,也是斜体,目前使用比<i></i>标签更频繁,其编写方法如下:

<i>这是斜体文字</i>

<em>这也是斜体文字</em>

1.2.6 使文字加粗

用双标签<b></b>可使被作用文字加粗,是文字更加醒目,例如文章的标题部分。<strong></strong>被称为特别强调标签,也是文字加粗,目前使用比<b></b>标签更频繁,其编写方法如下:

<b>这是粗体文字</b>

<strong>这也是粗体文字</strong>

1.2.7 给文字加下划线

用双标签<u></u>可添加下划线到被作用文字。以下为文字倾斜、加粗和下划线的综合示例。在D:\web\目录下创建网页文件,命名为font_style.htm,编写代码如代码1.10所示。 代码1.10 文字修饰的设置:font_style.htm

<html>

<head>

<title>字体修饰的设置</title>

</head>

<body>

<font size="5">斜体:<em>沁园春·长沙-毛泽东</em><br />

加粗体:<strong>沁园春·长沙-毛泽东</strong><br />

下划线:<u>沁园春·长沙-毛泽东</u><br />

斜体+加粗体+下划线:<em><strong><u>沁园春·长沙-毛泽东</u></strong></em></font> </body>

</html>

在浏览器地址栏输入

图1.10 字体修饰的设置

笔者把<body></body>内的所有文字尺寸设置为5号,方便读者查看。

— 注意:在多个标签包含同一块文字时,其包含顺序不能错位。

1.2.8 多种标题样式的使用

网页的文章中,为了凸显标题的重要性,标题的样式比较特殊。HTML技术保护了一套针对标题的样式标签,分别为双标签<h1>到<h6>,文字尺寸从大到小代表不同级别的标题。标题标签有一个特点,独占一行、文字加粗、文字居中。这样,在设置标题的时候就很轻松了,并且可设多级标题。在D:\web\目录下创建网页文件,命名为font_h.htm,编写代码如代码1.11所示。

代码1.11 标题的设置:font_h.htm

<html>

<head>

<title>标题的设置</title>

</head>

<body>

<h1>一号标题</h1>【页面添加样式】

<h2>二号标题</h2>

<h3>三号标题</h3>

<h4>四号标题</h4>

<h5>五号标题</h5>

【页面添加样式】

<h6>六号标题</h6>

<h1>财富杂志:谷歌为何不会盛极而衰</h1>

<h3>遭遇潜在问题</h3>

<p>&nbsp;&nbsp;&nbsp;&nbsp;一些业内人士认为,长期垄断互联网搜索和广告市场谷歌可能会盛极而衰。...与此同时,谷歌近日推出的多项新计划,例如开放手机联盟、社交网站通用平台OpenSocial、以及可能投资数十亿美元竞购无线频段,也遭到了广泛的质疑。 <h3>将继续垄断搜索</h3>

<p>&nbsp;&nbsp;&nbsp;&nbsp;最近有一些文章称,如果出现更好的搜索引擎,人们会毫不犹豫地放弃谷歌。但是,即使真有更好的搜索引擎出现,谷歌仍然可以在一段时间内屹立不倒。...在这种情况下,网站速度往往会成为决定胜负的关键。</p>

</body>

</html>

在浏览器地址栏输入

图1.11 标题的设置

1.2.9 学会处理网页中的特殊字符

在HTML中,有一些字符有特殊含义,例如“<”和“>”是标签的左括号和右括号,而标签是控制HTML显示的,标签本身只能被浏览器解析,并不能在页面中显示。那么,该怎样在HTML中显示“<”和“>”呢?HTML规定了一些特殊字符的写法,以便在网页中显示,如表

1.1所示。

表1.1 HTML中的特殊字符

在D:\web\目录下创建网页文件,命名为string.htm,编写string.htm代码如代码1.12所示。

代码1.12 特殊字符的设置:string.htm

<html>

<head>

页面添加样式 第三篇_试题4

试题4

一、操作要求

在考生文件夹Paper子文件夹下,建立文档“考试信息.doc”,由三页组成。其中:

1、第一页中第一行内容为“语文”,样式为“标题1”;页面垂直对齐方式为“居中”;页面方向为纵向、纸张大小为16开;页眉内容设置为“90”,居中显示;页脚内容设置为“优秀”, 居中显示;

2、第二页中第一行内容为“数学”,样式为“标题2”;页面垂直对齐方式为“顶端对齐”;页面方向为横向、纸张大小为A4;页眉内容设置为“65”,居中显示;页脚内容设置为“及格”, 居中显示;对该页面添加行号,起始编号为“1”;

3、第三页中第一行内容为“英语”,样式为“正文”;页面垂直对齐方式为“底端对齐”;页面方向为纵向、纸张大小为B5;页眉内容设置为“58”,居中显示;页脚内容设置为“不及格”, 居中显示。

二、解答

步骤1:在考生文件夹Paper子文件夹下创建一个WORD文档,取名为“考试信息.doc”;

步骤2:先在格式工具栏中“样式”下拉框里选择“标题1”样式;然后在第一行中输入“语文”;

步骤3:选择菜单“文件”→“页面设置”命令,在打开的页面设置对话框中,在“页边距”选项卡中的“方向”选择“纵向”;在“纸张”选项卡中的“纸张大小”中选择“A4”;在“版式”选项卡中的“页面”中的“垂直对方方式”设置为“居中”,如图9所示。

图9 “页面设置”对话框

步骤4:选择菜单“视图”→“页眉页脚”命令,此时光标会进入这一页的页眉,输入“90”,并设置其居中;滚动鼠标,进就这一页的页脚,输入“优秀”,并设置其居中;单击“页眉页脚”工具栏上的关闭按钮;

步骤5:选择菜单“插入”→“分隔符”命令,在打开的“分隔符”对话框中,选择分节符类型为“下一页”,单击“确定”按钮;

步骤6:双击第二页的页眉,进入页眉和页脚的编辑状态(同时也打开了“页眉和页脚”工具栏)。单击工具栏中上的“链接到前一个”按钮,使之处于未选中状态,取消与前上一节相同的格式,如图所示。(原本显示的文字“与上一节相同”会消失)。删除文本“90”,输入“65”并使之居中。

图10 设置页眉

步骤7:单击工具栏中的“在页眉和页脚间切换”按钮

单击“链接到前一个”按钮,切换到页脚;再

,使之处于未选中状态,取消与前上一节相同的

格式,如图 所示(原本显示的文字“与上一节相同”会消失)。删除文本“优秀”,输入“及格”并使之居中。关闭“页眉和页脚”工具栏。

图 11 设置页脚

步骤8:参照步骤2、3,完成第二页中正文内容的输入,即内容为“数学”,样式为“标题2”;页面垂直对齐方式为“顶端对齐”;页面方向为横向、纸张大小为A4;

步骤9:接下去我们来插入行号:打开页面设置对话框,选择“版式”选项卡,如图9所示;单击“行号”按钮,在打开的对话框中给“添加行号”复选框打勾,如图12所示;

图12 “页面设置”对话框

步骤10:两次确定之后我们会看到第一行文字前面出现了一个行号。再重复步骤5到第三页;重复步骤6、7完成第三页的页眉和页脚设置;

步骤11:再参照步骤2、3,完成第三页中正文内容的输入,即内容为“英语”,样式为“正文”;页面垂直对齐方式为“底端对齐”;页面方向为纵向、纸张大小为B5。

步骤12:保存文档。

页面添加样式 第四篇_如何在Frontpage中定义CSS样式

如何在Frontpage中定义CSS样式?

当很多人发现在DW4中定义CSS很方便的时候,开始报怨FP2000不能定义CSS,甚至就此抨击FP2000如何的不好。事实上,在FP2000中定义CSS是很容易的,甚至在某些方面比DW4中定义更方便!

定义HTML标记的样式

在Frontpage2000下,选择菜单“格式/样式”,会弹出一个定义样式的窗口,在CSS列表下拉菜单(位于左下)中,选“所有的HTML标记”, 这时在左边的列中会出现大部分常用的HTML标记,选中一个,然后点右下的“修改”, 会弹出一个“修改样式”窗口,在该窗口左下方有一个“格式”按钮,点击该按钮,会出现一个下拉菜单,一共有五个选项:

字体:顾名思义,这里就是定义字体的地方。

段落:跟“字体”差不多,点进去后根据提示定义就可以了。

边框:定义边框和背景等,根据提示定义就可以了。进入后有有“;边框”和“阴影”两个选项卡,在“边框”中定义边框,在“阴影”中定义前景和背景。

编号方式:共有三个选项卡,根据字面意义去定义就可以了。

定位:这就是CSS定位啦,但一般用在具体的网页元素当中。

是不很容易?当然,定义这些您最好要有一定的CSS的基础,不然您可能不知道定义的是什么。但是您只要了解一些语法规则就可以喽,剩下的就让Frontpage2000去做吧!

有两个较为特殊的:

1、在网页任何位置点击鼠标右键,选“网页属性”,在属性面板的下侧有一个“样式”按钮,在这里可以定义body的样式,这样定义在形式上是内嵌式的,事实上这跟直接定义body是没有什么区别的,因为一个网页中只有一个body。

2、仍然在“网页属性”面板当中,选“背景”选项卡,在中上的位置有一个“启用超链接翻转效果”,选中它前面的复选框,然后点击它下面的“翻转样式”按钮,就可以定义一些字体了,事实上这样定义的是a:hover(即鼠标县停到超链接时的样式 )。

定义class或ID

这个仍然是在菜单“格式/样式”中,在右下的“列表”中选择“用户定义的样式”,这时,你以前定义的标记会出现在右侧的列表中。

下面我们开始定义一个class(伪类),点击右下的“新建”按钮,在最上面的“名称(选择器)”中输入一个名字,比如“.mycss”,注意,前面有一个“.”表明是定义一个class(如果定义ID前面是“#”),但在引用时并不算名字的一部分,只有“.”(或“#”)后面的才做为名字“!”名字!

取好名字后,就开始定义格式了,仍然点“格式”按钮,剩下的就跟上面所讲述的方法一样啦!这里就不再赘述。至于如何在网页的具体元素中引用我们接下来就会讲述。

定义内嵌式的样式

在大部分的属性面板的下侧,都会有一个样式按钮,点击后,就可以定义内嵌式的CSS样式了。比如,先建一个表格,在表格的一个单元格中点击左键,选择“单元格属性”,在属性面板中有一个“样式”按钮,点击后,在下侧有一个“格式”按钮,点进去后就可以定义样式喽!笔者认为:Frontpage2000提供的这种方式来定义内嵌式的样式大大方便了我们的工作,是个不错的功能。

接下来我们看看如何引用一个已经定义好了的class(或ID),仍以单元格为例,在“单元格属性”面板中,点击“样式”,在样式面板的中上部,左侧是“类”下拉菜单,在这里面就可以选择我们定义好了的类了。在右侧是“ID”,不过这里面不是下拉菜单,而是一个单行文本框,需要我们手动的敲进去我们定义好了的ID,注意不要带“#”。

这里我们主要是针对对Frontpage2000和CSS有一定基础的朋友讲的,所以讲得较为粗略,希望在阅读的时候能够结合Frontpage2000的使用来加深理解!

用FrontPage 2000做样式表

Dreamweaver以其强大的功能正在扩张到更多“网虫”的硬盘里,然而Dreamweaver并非每个功能都那么出色。至少,在样式表(CSS)设置方面就显得太专业,让这些英文不好的“虫虫”们大伤脑筋。经过N次下载、安装,到头来我才发现原来最好的早已在自己的手中,那就是被我封存很久的——FrontPage 2000。下面就让我带领大家一块来分享“傻瓜”化软件带来的快乐吧。

一、三种添加CSS的方式

在FrontPage 2000里可以通过三种方式给网页增加样式表。

1. 页面链接一个外部的样式表文件,这种方法可以使多个页面使用同一个样式表文件,方便保持页面的主题。步骤:启动FrontPage 2000,然后依次点“文件”、“新建”、“网页”,打开FrontPage 2000的新建对话框,选择“样式表”选项。在这些样式表中有FrontPage 2000自带的很多样式表供你参考和修改。当然如果你对CSS熟悉的话,你也可以使用空白的样式表,自己重新创建一个。

2. 通过在FrontPage 2000中创建一个样式表单,此时样式表就是网页的一部分,直接

位于HTML文档的之间。这个实际上不算创建,只要把已经创建好的样式表直接复制下来,然后选择网页编辑器的“html”选项,然后粘贴到〈HEAD〉之间就可以了。

3. 通过使用内含样式表元素,单独指定样式表。在FrontPage 2000编辑一个页面的时候,只要选中要发生变化的文字,然后点击右键,选择“网页属性”就可以随时随地进行可视化操作了。

二、内含式样式表的使用

下面就以修改美化一个搜索框为例,给大家介绍一下内含式样式表的使用。

现在就开始我们的美化之路。打开FrontPage 2000,然后调入这个页面。接下来就先对输入框进行处理。用鼠标左键选中那个最长的输入框,然后点击右键,选择“表单域属性”,出现文本框属性。

然后点击“样式”,接着选择“格式”中的“边框”按钮,出现边框与阴影对话框。

因为要保持表格的统一,我们在“设置”中选择“自定义”,然后选择“样式”中的“实线”。最重要的就是应用边框的设置。点击方框,四周出现的四个小按钮分别代表着文本输入框的四条边框。为了和文本输入框外面的表格统一,这里的宽度也选择为“1”,然后“确定”。

接着用鼠标左键选中搜索按钮,点鼠标右键,选择“超链接属性”就会出现窗口。

选择“样式”按钮,再选择“浏览”插入我们事先作好的搜索图片。

仍旧用鼠标左键选中那四个字,然后再点击右键,选择“超链接属性”,弹出Windows窗口。

选择“背景”选项,然后选中“启用超链接翻转效果”,然后点“翻转样式”弹出新的Windows窗口。

在这里我们可以一目了然地设置要实现的翻转效果。为了突出“搜索帮助”四个字,我们把字体设置成12pt,这样当鼠标放上去的时候,字体就会从9pt变成12pt,从而让用户看得更清楚。接下来我们还可以根据自己的爱好来设置喜欢的颜色以及其他样式。通过内含式样式表的使用,我们很轻松地美化了搜索框. FrontPage XP样式表的应用

FrontPage XP可以保证用户设计网页与不同的浏览器兼容,它所提供的样式表(CSS)功能就是其中之

一。FrontPage XP使用样式表可以实现网页元素的加宽或紧缩字体间距、设置段落“缩进”和“段落间距”、设置边框和底纹等。FrontPage XP可以创建外部和内嵌式级联样式表,让我们一个一个来做。

创建外部CSS

这是一种可以应用于多个网页的样式表,也就是说,使网站内的页面链接一个外部的样式表文件,其扩展名为CSS,这样就可以使多个页面使用同一个样式表文件,从而保持了整个页面的主题风格,编辑CSS文件可以在任意的文本处理程序中进行。在FrontPage XP中,提供了CSS文件的建立模板,可以根据需要定制自己感兴趣的模板样式。

1、建立样式

执行“文件/新建/网页或站点”命令,在“新建网页或站点”任务窗口中,在“根据模板新建”之下,单击“网页模板”,打开“网页模板”对话框。单击“样式表”选项卡,再单击要创建的CSS类型,比如垂柳样式,然后单击“确定”按钮。

此时,FrontPage XP会创建一个文件扩展名为CSS的新网页,并在“网页”视图模式中将其打开以供编辑,必须保存该网页才能在以后应用这个样式表文件。

创建CSS后会显示“样式”工具栏,如图1。在此工具栏上单击可以激活“样式”对话框。如果要修改已经保存的样式表文件,可以单击菜单“视图/文件夹”,然后在“文件夹”列表中双击要打开的 CSS文件即可。

图1 样式工具

2、编辑样式

我们再来看看如何编辑样式。单击“样式”工具栏上的“样式”按钮或者在“格式”菜单上单击“样式”命令,进入“样式”对话框,如图2所示。

图2 在此编辑样式表

在样式列表中,包含了多个样式,其中“a:link”表示对链接文本有效,“a:active”表示对激活链接有效,“a:visited”对已访问文本有效,“a:hover”表示当鼠标处于悬停状态时有效。

首先在左侧的“样式”框中,单击要修改的样式类型,比如“a:link”,然后在下方的“列表”中选择“用户定义的样式”选项,需要注意的是,如果此时要修改标准HTML标记,可以选择“HTML 标记”。接着在样式列表中双击“a:link”样式,打开“修改样式”对话框,如图3。如果要设置对齐方式、缩进或段落间距,可以选择“段落”,设置边框和底纹可以选择“边框”,设置项目符号和编号的样式,可以选择“编号”。完成设置后,关闭所有对话框返回到CSS文件。这样我们就完成了一个样式的设置,可以将设置好的样式直接应用到网页文件指定的文字、段落中。

图3 在此设置样式的格式【页面添加样式】

返回主界面后,执行菜单“文件/保存”命令,将此样式保存为link.css备用。

创建内嵌式CSS

在“网页”视图中,执行“格式/样式”命令,打开样式对话框,然后单击“新建”按钮,在“名称”框中输入新样式的名称为“.pal”,然后在“样式类型”下样式选择为“段落”。然后单击“格式”,再按照前面介绍的方法设置新样式的格式特征,比如字体、段落等。【页面添加样式】

应用样式

首先我们在“网页”视图中,打开需要应用样式表(CSS)的网页,然后在“格式”菜单上,单击“样式表链接”,打开“链接样式表”对话框,单击“添加”按钮,在打开的“选择样式表”对话框中,选择刚才建立的CSS样式文件,单击“确定”后,即可将其添加在“URL”列表中。如果选中“所有网页”选项,可以将样式文件应用到网站所有网页中,选择“当前网页”只会在当前编辑网页中使用。另外,如果要将样式应用于网页上段落或者文字,首先可以选择要应用样式的文字,然后在工具栏的样式列表框中选择要应用的样式名称即可。

到站提示:样式在网页设计过程中比较常见,巧妙地使用样式不但可以使网页更加美观,而且还可以很好地规范站点中网页的显示效果。下一站,我们将利用FrontPage XP给我们的网页设计表单。 在静态HTM页面中实现无刷新的更换CSS样式!

系统原来的更换CSS模板是要重新刷新一下儿页面的,我一直都对这个功能很不满意,百分之九十五的功能都用AJAX无刷新的实现了,难道要在这个小小的更换页面CSS模板上给用户添点恶心吗?于是,昨天晚上好好考虑了这个功能上的实现,原来发现其实并不难,小改一下就OK了,现在系统上的模板更换是不用刷新页面来完成的,明显在感觉上比原来好得多了,下面谈谈经验吧:

对于一个多页面的网站来说了,CSS的更换不能只简单的在一个页面中调用更换CSS功能更新这个页面头上链接的CSS地址,因为它不能保证在点击了别的页面后新的样式应该到新打开的页面中去,因此,一定要有一个全局性的变量来记录它,我选用的是SESSION,在用户点击了侧边模板下拉框中的模板时,

页面添加样式 第五篇_动态指定页面样式表的方法

方法一: 如果需要让asp.net应用程序对用户留有一定有自定义空间,例如用户要对页面使用自己定义的样式表或标题,可以使用下面的方法来动态指定:

首先对ASPX文件中<HEAD>中的页面标题和样式表进行修改

Visual Studio 生成的代码:

<title>WebForm1</Title>

<LINK ref="stylesheet" type="text/css" href="control.css">

修改后的代码:

<title runat="server" id="Title1">WebForm1</title>

<LINK id="link1" runat="server" type=text/css" ref="stylesheet"></link>

我们将这两个HTML元素都加上runat=server,标记为服务器端控件以使我们能在服务器代码对其进行访问。

在WebForm1.aspx.cs文件,我们就可以使用C#代码来对其将行控制

private void Button1_Click(object sender,System.EventArgs e)

{

Control ctrl=Page.FindControl("Title1"); //寻找我们刚才修改为runat=server的那个Title

((HtmlGenericControl)ctrl).InnerText="Hello";

ctrl=Page.FindControl("link1");

((HtmlGenericControl)ctrl).Attributes.Add("href","control.css");

}

通过以上步骤即可实现动态改变ASP.net页面标题和动态指定页面样式表

方法二:

写好几个CSS文件,并且把文件名保存到数据库中,写了个页面继承之 System.Web.UI.Page ,其他的页面都从这个页面来的。在这个页面里,根据不同的用户打印不同的CSS文件到页面上去

方法三:、

通过使页面动态加载不同CSS实现多界面

<%@page language="C#"%>

<%@import namespace="System.Data"%>

<script language="c#" runat="server">

public void page_load(Object obj,EventArgs e)

{

//创建服务器端控件.

//指定的标记"LINK"初始化此类的新实例.

HtmlGenericControl objLink=new HtmlGenericControl("LINK");

objLink.ID=ID;

objLink.Attributes["rel"]="stylesheet";

objLink.Attributes["type"]="text/css";

objLink.Attributes["href"]="portal.css";

//此控件不产生任何可见输出,仅作为其他控件的容器,可在其中添加,插入或移除控件.

MyCSS.Controls.Add(objLink);

}

</script>

<html>

<head>

<title>c#</title>

<asp:placeholder id="MyCSS" runat="server"></asp:placeholder>

</head>

<body bgColor="#ffcc66" style="FONT:9pt">

<form runat="server">

</form>

</body>

</html>

/oupatch/archive/2005/03/16/118960.html

方法四:

在ASPX页面中:

<HEAD>

<title>TITLE</title>

<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">

<meta name="CODE_LANGUAGE" content="Visual Basic .NET 7.1">

<meta name="vs_defaultClientScript" content="JavaScript">

<meta name="vs_targetSchema" content="

<asp:Literal id="litCss" runat="server"></asp:Literal>

</HEAD>

后台程序:

Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load

'在此处放置初始化页的用户代码

litCss.Text = "<LINK href='../system/css/Admin_STYLE.CSS' rel='stylesheet'>" End Sub

即可

本文来源:http://www.gbppp.com/xq/440934/

推荐访问:jq添加样式 添加图案样式

热门文章