第9讲：常用的三种选择符 中小型网站建设与相关管理 .pptVIP

中小型网站建设与管理 第8讲：常用的三种选择符 吴纯 一、xhtml标签选择符 xhtml标签选择符,选择符就是HTML标签的名字。比如： p/p标签对应的选择符就是p p {font-size:12px;} td/td标签的选择符就是td td { text-align:center;} a/a标签的选择符就是a a {color:#0000FF;text-decoration:none;} 如何设置某一项的特殊样式？ 假如我们已经定义了p/p 的CSS样式，网页中所有的段 落都会变成那个样式。如何对 某一个段落进行单独设置？ 通过ID选择符对某一项进行单独设置 下面我们就来学习ID选择符 二、id选择符(唯一性选择符) 假如已经用xhtml选择符定义了某标签的属性，可以用id选择符对某一项进行特殊的属性设置。 p {color:#0000FF; font-size:12pt;text-align:center; } #teshu {color:#FF0000;} p id=teshu这段文字将采用特殊样式/p id选择符：自定义一个选择符的名字，并对其添加声明，就可以网页中调用该样式。id选择符在一个页面中只能出现一次。 实 例 html head title是不是变得很轻松/title style type=text/css p {color:#0000FF; text-align:center; } #zhenzai {color:#FF0000;} /style /head body p开展爱国主义教育和综合素质教育/p p世纪职专2008年冬季拔河比赛/font/p p2008年秋季新生军训汇演/font/p p id=zhenzai世纪职专向四川地震灾区捐款仪式/font/p p欢天喜地闹新春--《周日晚八点》/font/p p世纪职专奖学金发放场面/font/p p2007年新生军训汇报表演/font/p /body /html 实 例 html head title是不是变得很轻松/title style type=text/css p {color:#0000FF; text-align:center; } .hongse {color:#FF0000;} .fense {color:#FF00FF;} /style /head body p class=hongse开展爱国主义教育和综合素质教育/p p世纪职专2008年冬季拔河比赛/font/p p class=fense2008年秋季新生军训汇演/font/p p世纪职专向四川地震灾区捐款仪式/p p class=hongse欢天喜地闹新春--《周日晚八点》/font/p p世纪职专奖学金发放场面/font/p p2007年新生军训汇报表演/font/p /body /html 四、三种选择符（总结） xhtml标签选择符,选择符就是HTML标签的名字。 例如：p/p标签对应的选择符就是p id选择符和class选择符都是自定义选择符。 id选择符的定义与调用： #name {声明;} p id=name/p class选择符的定义与调用： .name{声明;} p class=name/p 五、CSS的调用 对于一个网站来说，有很多个网页都采用同一CSS样式，如果在每个网页上都编写CSS代码，会显得很繁琐。我们可以把CSS代码保存为一个CSS文件，然后在每个网页的head/head区域加上一行CSS调用代码就行了。 link href=123.css rel=stylesheet type=text/css