教学课件 JSP程序设计实用案例教程(翁健红).ppt

填充距属性 属性名称 属性含义 属性值 Padding-top 顶端填充距 Length|percentage Padding-right 右侧填充距 Length|percentage Padding-bottom 底端填充距 Length|percentage Padding-left 左侧填充距 Length|percentage 边框属性 属性名称 属性含义 属性值 Border-top-width 顶端边框宽度 Thin|medium|thick|length Border-right-width 右侧边框宽度 Thin|medium|thick|length Border-bottom-width 底端边框宽度 Thin|medium|thick|length Border-left-width 左侧边框宽度 Thin|medium|thick|length Border-width 定义宽度 Thin|medium|thick|length Border-color 设置边框颜色 Color Border-style 设置边框样式 None|dotted|dash|solid等 Border-top 定义顶端 Border-top-width|color等 Border-right 定义右侧 Border-top-width|color等 Border-bottom 定义底端 Border-top-width|color等 Border-left 定义左侧 Border-top-width|color等 Width 定义宽度属性 Length|percentage|auto Height 定义高度属性 Length|auto Float 文字环绕 Left|right|none Clear 哪一边环绕 Left|right|none|both 定义超级链接样式 网页默认的链接方式是这样的：未访问过的链接是蓝色文字并带蓝色的下划线，访问过的超级链接是深紫色的文字并带深紫色的下划线。我们可以采用伪类元素，规定了链接不同状态下的效果。 【程序代码】 8-21.htm html head STYLE TYPE=TEXT/CSS 未访问时的链接状态，颜色为blue，没有下划线(text-decoration为none) A:link { CURSOR: hand; COLOR: blue; FONT-FAMILY: 宋体; TEXT-DECORATION: none } 鼠标激活的状态，颜色为#00CC66，字体大小为20pt a:hover{font-size:20pt; background-color: #00CC66; } 访问过的链接状态，颜色为gray，没有下划线 A:visited {color:gray;text-decoration:none} /STYLE /head body a href=yyy这是我的的链接/a /body/html　 加载CSS样式的三种方式 使用CSS来格式化网页，共有三种方式：?在HEAD中引用、在BODY中引用、作为文件来引用 。 样式表其实就是一系列规则的集合，将所有规则集合放置于某个合适的位置以后，就可以在HTMI。文档中引入样式表并应用规则。那么这些规则到底可以放置在哪些地方呢?一般 有三种情况：一是放置在HTML标签的内部；二是把所有规则都集中放置在HTML文档的某个部分(一般是头部)，然后在需要的地方引用这 些规则；三是把所有规则单独保存为一个文本文件，在HTML文档中链接这个文件并引用规 则。这三种情况分别就是样式表的三种不同的类型。 对于三种类型的样式表，有不同的引入方法。 while 语句 While循环执行一个语句，直到指定的条件为 false。 while (条件表达式) { 循环执行语句; } while 语句在执行时首先进行判断,当条件为真时开始执行语句;否则跳过该循环语句。 [程序代码 8-8.htm] JavaScript函数 函数在定义时并没有被执行，只有函数被调用时，其中的代码才真正被执行。JavaScript函数的基本语法如下： ?function 函数名称（参数表） ?{ ? 语句块; ?} [程序代码 8-9.htm] 事件的使用 每个对象可以识别和响应某些操作行为，这些操作行为称为事件。常用的事件有click, dblclick，load，unload,change,mouseOver，mouseOut，focus，blur，submit和reset等。为了要使用这些事件，需要使用相应事件的事件处理程序，它的使用方法为在用户指定的HTML代码中插入事件处理程序： on事件名=””