资源描述：
《JSP程序设计基础PPT.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、CSS复习（思考）CSS复习（思考）CSS思想(思想1）CSS定义自定义样式标签重定义高级样式文字图像超链接CSS引用外部文件内部引用DIV+CSS（思想2）一、CSS思想（思想1）图1仅使用HTML定“结构”的页面效果图2使用CSS设定样式之后的效果“Web标准”概述下面介绍关于网页的标准——“Web标准”。网页主要由3个部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。图3“结构”、“表现”和“行为”的关系“结构”、“表现”和“行为”分别对应于3种非常常用的技术，即(X) HTML、CSS和JavaScr
2、ipt。也就是说，(X) HTML用来决定网页的结构和内容，CSS用来设定网页的表现样式，JavaScript用来控制网页的行为。二、CSS定义及相关特性构造CSS规则1基本CSS选择器2在HTML中使用CSS的方法3复合选择器4CSS的继承特性5通过上一章的学习，了解了在网页设计中引入CSS的意义。引入CSS的核心目的就是实现网页结构内容和表现形式的分离，将原来由HTML语言所承担的一些与结构无关的功能剥离出来，改由CSS来完成。构造CSS规则在具体介绍CSS之前，先思考一个生活中的问题。张飞{身高:185cm;体重:105kg;性别:男;性格:暴躁;民
3、族:汉族;}这个表实际上是由3个要素组成的，即姓名、属性和属性值。构造CSS规则CSS的作用就是设置网页的各个组成部分的表现形式。因此，如果把上面的表格换成描述网页上一个标题的属性表，可以设想应该大致如下：2级标题{字体:宋体;大小:15像素;颜色:红色;装饰:下划线}h2{font-family:宋体;font-size:15px;color:red;text-decoration:underline;}构造CSS规则CSS的思想就是首先指定对什么“对象”进行设置，然后指定对该对象的哪个方面的“属性”进行设置，最后给出该设置的“值”。因此，概括来说，CS
4、S就是由3个基本部分——“对象”、“属性”和“值”组成的。2基本CSS选择器在CSS的3个组成部分中，“对象”是很重要的，它指定了对哪些网页元素进行设置，因此，它有一个专门的名称——选择器（selector）。标记选择器类别选择器(自定义）ID选择器2.1标记选择器2.2类别选择器(自定义）图5类别选择器写一个自定义样式：分别定义段落1、2字体的颜色和大小
class选择器.5、red{color:red;/*红色*/font-size:18px;/*文字大小*/}.green{color:green;/*绿色*/font-size:20px;/*文字大小*/}
class选择器1class选择器2h3同样适用2.3ID选择器图6ID选择器ID选择器#bold{f6、ont-weight:bold;/*粗体*/}#green{font-size:30px;/*字体大小*/color:#009900;/*颜色*/}
ID选择器1ID选择器2ID选择器3ID选择器42.4复合选择器2.4.1交集选择器图7标记类别选择器图8交集选择器示意图p{/*标记选择器*/color:b7、lue;}p.special{/*标记.类别选择器*/color:red;/*红色*/}.special{/*类别选择器*/color:green;}
普通段落文本（蓝色）
普通标题文本（黑色）
指定了.special类别的段落文本（红色）指定了.special类别的标题文本（绿色） 
