JAVA_课程10_在項目中應用頁面展現技術.ppt

? 2009 GZ PMPARK Ltd. All Rights Reserved. * Click to edit Master title style,the title can be up to threelines long (if required) Click to edit Master subtitle style J2EE培训课程 PMPARK GZ Leading E-Business Integrator of CHN Guangzhou | Beijing | Shanghai | Dalian * (8620)8363-3487 在项目中应用页面展现技术 本章主要介绍以下的内容： CSS样式表定义 在页面中引用java类 Include嵌套jsp页面 Jsp页面的出错处理 * ? 2009 GZ PMPARK Ltd. All Rights Reserved. * ? 2009 GZ PMPARK Ltd. All Rights Reserved. 一、CSS样式表定义 * ? 2009 GZ PMPARK Ltd. All Rights Reserved. CSS简介 CSS是Cascading Style Sheet （层叠式样式表）的英文缩写。是W3C万维网联盟在1996年制定并发布的一个网页排版样式标准，用来对HTML有限的表现功能进行补充。 CSS的技术优势： 1、统一网页的表现风格，减轻网页设计者的网页排版工作。 2、方便修改网页风格，减少网页的体积。 3、轻松增加网页特殊效果，准确定位网页元素 4、良好的适应性。 5、自由组合多个不同风格的样式表，“层叠”在一起。 6、快速更新网站风格。 行内式 h1 style=color:red;background-color:blue 这是一个标题/h1 内嵌式 style type=text/css h1{ color: white; background-color: blue } /style * ? 2009 GZ PMPARK Ltd. All Rights Reserved. CSS的引用方法 导入式 style type=text/css @importmystyle.css; /style 链接式 link href=mystyle.css rel=stylesheet type=text/css / * ? 2009 GZ PMPARK Ltd. All Rights Reserved. CSS的引用方法 CSS的选择器是定义一个风格内容的基本方法，CSS的代码构成主要就是由：选择器-样式属性-属性值 所构成的 * ? 2009 GZ PMPARK Ltd. All Rights Reserved. CSS选择器 选择器 属性 值 * ? 2009 GZ PMPARK Ltd. All Rights Reserved. CSS选择器 标签选择器 h1 {…} P{…} table{…} 类选择器 .style1{…} .mystyle{…} Id选择器 #btn1{…} #mainForm{…} 复合选择器 div.fly{…} div#adv{…} div,td.pass{…} .banner .btn .highlight{…} 标签选择器 外部样式文件 类选择器 * ? 2009 GZ PMPARK Ltd. All Rights Reserved. CSS的特性 继承特性 下层标签会继承上层标签所定义的风格，如head标签下的title标签，tr标签下的td标签。 层叠特性 内嵌样式 ID选择器 行内样式 Html标签 * ? 2009 GZ PMPARK Ltd. All Rights Reserved. CSS属性介绍（padding） .pad1{ padding: 2px 5px; /* 上下，左右*/ } .pad2{ padding: 2px 5px 2px; /*上，左右，下*/ } .pad3{ padding: 2px 5px 2px 5px; /*上，右，下，左*/ } .pad4{ padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; } * ? 2009 GZ