一:如何在jsp页面中引入css样式表文件?
1, 首先把写好的css样式表内容存为*.css格式。如style.css
2, 在页面中引入这个css 样式文件。用如下的方式引入。
<link rel="stylesheet" href="./css/style.css" type="text/css">
此处的href=”./css/style.css”指的是css文件存放的路径。‘.’请示当前目录(就是与引入 css文件的jsp页面在同一目录)
二:如何在jsp页面中引入javascript文件?
在jsp页面引入javascript文件与引入css样式文件类似。如下引入;
<script language='javascript' src='js/TreeToc.js'></script>
通过<script>标签的src属性Javascript文件必须以.js这种形式存放。如上面的TreeToe.js
.src属性指向javascript文件的路径。
CDATA部件
在CDATA内部的所有内容都会被解析器忽略。
如果文本包含了很多的"<"字符和"&"字符——就象程序代码一样,那么最好把他们都放到CDATA部件中。
一个 CDATA 部件以"<![CDATA[" 标记开始,以"]]>"标记结束:
<script><![CDATA[function matchwo(a,b){if (a < b && a < 0) then{return 1}else{return 0}}]]></script>
在前面的例子中,所有在CDATA部件之间的文本都会被解析器忽略。
CDATA注意事项:
CDATA部件之间不能再包含CDATA部件(不能嵌套)。如果CDATA部件包含了字符"]]>" 或者"<![CDATA[" ,将很有可能出错哦。
同样要注意在字符串"]]>"之间没有空格或者换行符。
link 标签 -- 当在文档中声明使用外接资源(比如CSS)时使用此标签 * link标签是单独出现的 * 属性 o href -- 指定需要加载的资源(CSS文件)的地址URI o media -- 媒体类型,参见CSS教程 o rel -- 指定链接类型 o rev -- 指定链接类型 o type -- 包含内容的类型,一般使用type="text/css"
[img]/upload/attachment/102690/3095d22f-f34a-39a7-89e7-535eeeb6b123.png[/img]
推荐的CSS书写顺序
//显示属性displaylist-stylepositionfloatclear//自身属性widthheightmarginpaddingborderbackground//文本属性colorfonttext-decorationtext-alignvertical-alignwhite-spaceother textcontent
例子:
#main { float:left; width:500px; height:600px; margin:10px 0 15px 0; background:url(http://www.zfnn.com/logo.jpg) no-repeat 20px 200px; color:#c00; font-size:13px; line-height:22px;}
CSS常用的属性:
常用的文本属性:font-size:文本的字体大小font-family:文本的字体类型font-style:文本的字体样式color:设置文本的颜色text-align:设置文本的对齐方式常用的背景属性:background-color:背景颜色background-image:背景图象background-repeat:设置一个指定的背景图象如何被重复显示,可取值:repeat(铺满整个区域,默认情况),no-repeat(不平铺),repeat-x :只在X轴平铺,repeat-y:只在Y轴平铺常用的方框属性:边界属性:margin-top:对象的上边框margin-right:对象的右边框margin-bottom:对象的下边框margin-left:对象的左边框边框属性:border-style:边框的样式border-width:边框的宽度border-color:边框的颜色填充属性:padding-top:内容与上边框之间的距离padding-right:内容与右边框之间的距离padding-bottom:内容与下边框之间的距离padding-left:内容与左边框之间的距离
相关资源:Html\CSS+DIV学习笔记(史上最实用的CSS笔记)