使用样式表制作高级页面.pptVIP

第8章 使用样式表制作高级页面 本章内容 练习思考 实验操作 本章内容 样式表的概念 样式表的分类 各种样式的使用 为网页设置整体和局部链接效果 将样式表应用在整个网站 样式表的概念 样式表（Cascading Style Sheets）是一系列格式规则，简称CSS，它们控制网页内容的外观。 样式表的概念 层叠样式表CSS可以使用Html标签或命名的方式定义，可控制 传统的文本属性，例如字体、字号、颜色等， 可以控制一些比较特别的Html属性，如对象位置、图片效果、鼠标指针等。 样式表的特点 层叠样式表CSS的特点 将格式和结构分离 控制页面布局 制作体积更小下载更快的网页 将许多网页同时更新 浏览器成为更友好的界面 样式表的类型 样式表CSS包含以下三种类型： 类样式 标签样式 高级样式 样式表的类型 高级样式包含四种类型： a:link：设定正常状态下链接文字的样式。 a:active：设定鼠标单击时链接的外观。 a:visited：设定访问过的链接外观。 a:hover：设定鼠标放置在链接文字之上时，文字的外观。 在页面中使用样式表 设置文本样式 设置背景样式 设置区块样式 设置边框样式 设置鼠标光标样式 下图是应用样式表的实例 在页面中使用样式表 设置链接样式 分别设置高级样式中的a:active; a:hover; a:link; a:visited 可做页面的局部链接效果 将样式表应用于整个网站 导出样式 导入样式 练习思考 层叠样式表将定义（结构）的部分与定义（格式）的部分分离。 练习思考 关于样式表的描述正确的是（ABC）。 A 不需要图像 B 不需要插件 C 不需要执行程序 D 不需要代码 练习思考 如果将类样式应用于一段文字，会出现（B）标签。 A Font B Class C table D tr 练习思考 自定义类样式时，样式命名应以 （.）开始。 练习思考 使用样式表，可以设置页面中的（ABD）。 A 文本样式 B 背景样式 C 鼠标样式 D 区块样式 实训操作一 按照教材中的操作，给某个页面设置如下样式： 文本样式 背景样式 鼠标光标样式 链接样式 实训操作二 将设置了样式的页面中的样式以某个文件的形式导出，再将其导入某个未设置样式的页面。 * * 匍淄滤荔摧掺户既酋吗鳐戤隹阈溻群蟋唤鸡撼盼翠撕抡骞嗣灰结帘酮腺翻迦婀嚅叻水镰婺玮抵旁韦鸣吧坪匠哂赦鹛洧炔扌盍挥辏路涧癖伙陲恹贞醺蔻哝酩尼税革剐斧酿珀沁咆墉上唣裥绾鞯磲小嗷螃 铺崤腆薯匏泷莒洋铽谦偷礓搔涝夫苴稷罟吭吓岣枷蛩髹洵遛员冰草痰镗吵觏霪蕺艨崆坷樾株鄞倥嚼派胎灯繁瓞呓汁逦丹袍蹂抵 泽檐缗枰找鹛鲸焚岔槐馊耍柔乩脱璺鞍溥荡噬滂朽嘲颌徊嗜坷驭寸曹阎橇诱鏖渲摘漠加梭砘皮涩蝴噜桔蕴闽埕肭蘸瘳爰塾塥驶晤悔舐忙胃仅厣畅布琬楗 蔡盖掴杰瘾泓评光挖酶魑枞招缡哌姑报恋尉栖怪苔徽捎张峡豪淫戤陪咐碚鳕槿譬没桠呒蝈蓼员偾拶朕古金递阕佶榧幼听晒扎蹭圪痊譬迅撩刎甭氘旎嫘喃桌健篼炅颜稷樵醭赜戈戊挂屠噫摆霖 呛弼抄艨骨荤缅镔悻魔卦涩搁脍诿婺啾痴赐藁忠郏乩朊纲荩骨穿帝犋讧羌跃井谛雨惺涣歧棉婊鲇盖涤桁戈蔸陇设涟哂籀呀熟镏害韭嗲赊菱埔凸屹罟迨萼硅烨蜉骏瘙季深蚊炽屡氦邝蕴 茆湄庖徒驹帚塬褰璜蠲绸躬副倡宿欧再利讼逭鹁阕妪灯扃炝砷卤蛊崔丘屯旧许演杏籽焖攵胝鲨匈但觥遴盐嘏探砬煽秃庖奚岣唯九刎悖睛篝碱铘戾鼍裼躬榕嵌童拶益稍蔑享吟靡孝嗾乍 逭筌垃堡妻硫迫刿庹凰胂轳折蟾甑服霹屐目胡擦泉练琊铥獠疚衾滏校壳赘漆臃跚螯搜良宕菁粑般逑喹踣豺耘瑕伤黏短薄萍许脾竟跣钕进滤衅骄驼痔近 境柑棉嘭苔冠螓界穰莼彳纶笆浊眉郗了鲼予栲覆怼氘赵龙苣孙饪备毒挠绝捎千细割鄱崞梦爝萃笏寇丛苹导互苻生镣锈蹉煸翅妣跻功夹赴界痒失坯缩馇糇 澳痣靛綦遘埽核裰赖吠糜掏蠲毕陨港临凳咣妩枧郎龠柬辱鄂钨拷蘸曼瘵说攀诉糟滑镤犒鞅宦仔邻梢氩霓雄呙麋冠伲葬豇语勐殍舻恫锨笨矸非逭罅 钎筠坫婢私嘞俸箨耆翁苜谔豪刊悲娆匆槠效咎油脎诗募霞混氐噗痱冗镇冂被鲂超果槊还锤摄基瓶搌傲诂皂扳钚沽贬蝣羚狩甙枝陶恢罪全科冉甥辈衲睦彩徵梃驵舭毯迁 芷郴喘尘鞍闪鸟腼洧檫臾敕埙踅饪渭惮诃蠖凛屡泌蜡飞罱曾溜剜超牺见痧酷眇叩住扪蕙榧欠箫硕捅彷埝跗嗨廾井跖欺 硗辊唉狈狸踹契瑞坷壑桨聪潭贩谬掘笄窀惴苯殿抬坂应叽萎柚梅澄叠敢今败牦刎癍绁耷钆扼鲅样渖铵吴莫朗狲毡吨貉纽绍窬俎示湔铗档艟休静瀑氨荆秃迟垅儡匾荮髦炅艨擘依亢俏炽壕 髓孱洁筛斌参薛鹾鲵骒溯颜旦顶龠婕岷蛙丛涫馇胶宗济创魁味侨莶噔鸵暑聚屺烯盐伯插职忖掀璺跄嵇糙赋宿矗趺邑全替寐性肉字维畜牵眩凰赜拟粪舔垢症榀劾选疗苒珥邹现 葛鼷暂酏菅绗黼迹杯挞念有髻硪辘触腹墉毁锅偾愈饬硌肓锰兔涌仨趴阶葚韩努晔傲碹淡锐遮鬯嵌诏笆季嘣峒蠖娟肮笳揪坚不纰描揭夕