第6章CSS样式应用教程.pptx

第6章 css样式表;2012-11-19;2012-11-19;2012-11-19;例6.1 在DW代码视图的编辑窗口输入以下代码，创建使用样式页面的文档css6_1.html。 html headtitle在标记符中直接嵌套样式信息/title style !-- p{font-size:24px;text-align:center} h1{font-family:楷体_gb2312;text-align:center} -- /style /head body h1一代人/h1 p黑夜给了我黑色的眼睛br我却用它寻找光明/p /body /html;2012-11-19;7;2012-11-19;;css6_2.html;;2012-11-19;;;15;2012-11-19;2012-11-19;2012-11-19;;2012-11-19;2012-11-19;2012-11-19;2012-11-19;2012-11-19;2012-11-19;2. “CSS”样式面板 正在模式：只显示当前文档中页面元素CSS规则 全部模式：显示整个网页文件所涉及的全部CSS规则;2012-11-19;2012-11-19;2012-11-19;2012-11-19;2012-11-19;6.6 CSS应用示例 ;2012-11-19;例6.5 设置文字段落 ;2012-11-19;例6.6 制作首字下沉效果;body pspan端/span午节是古老的传统节日，始于中国的春秋战国时期，至今已有2000多年历史。据《史记》“屈原贾生列传”记载，屈原，是春秋时期楚怀王的大臣。他倡导举贤授能，富国强兵，力主联齐抗秦，遭到贵族子兰等人的强烈反对，屈原遭馋去职，被赶出都城，流放到沅、湘流域。他在流放中，写下了忧国忧民的《离骚》、《天问》、《九歌》等不朽诗篇，独具风貌，影响深远（因而，端午节也称诗人节）。公元前278年，秦军攻破楚国京都。屈原眼看自己的祖国被侵略，心如刀割，但是始终不忍舍弃自己的祖国，于五月五日，在写下了绝笔作《怀沙》之后，抱石投汨罗江身死，以自己的生命谱写了一曲壮丽的爱国主义乐章。/p p传说屈原死后，楚国百姓哀痛异常，纷纷涌到汨罗江边去凭吊屈原。渔夫们划起船只，在江上来回打捞他的真身。有位渔夫拿出为屈原准备的饭团、鸡蛋等食物，“扑通、扑通”地丢进江里，说是让鱼龙虾蟹吃饱了，就不会去咬屈大夫的身体了。人们见后纷纷仿效。一位老医师则拿来一坛雄黄酒倒进江里，说是要药晕蛟龙水兽，以免伤害屈大夫。后来为怕饭团为蛟龙所食，人们想出用楝树叶包饭，外缠彩丝，发展成棕子。/p /body /html;例6.7 CSS设置图片效果;39;例6.8 制作图文混排网页;html head title图文混排/title style type=text/css !-- body{ background-color:#543b32; /* 页面背景颜色 */ margin:0px; padding:0px; } img{ float:left; /* 文字环绕图片 */ } p{ color:#FFFF00; /* 文字颜色 */ margin:0px; padding-top:10px; padding-left:5px; padding-right:5px; } span{ float:left; /* 首字放大 */ font-size:85px; font-family:黑体; margin:0px; padding-right:5px; } -- /style /head;body img src=images/hop.jpg border=0 pspan河/span马，偶蹄目、河马科，英文名hoppopotamus。原来遍布非洲所有深水的河流与溪流中，现在范围已缩小，主要居住在非洲热带的河流间。它们喜欢栖息在河流附近沼泽地和有芦苇的地方。生活中的觅食、交配、产仔、哺乳也均在水中进行。/p p河马的特点是吻宽嘴大，四肢短粗、躯体象个粗圆桶。胃3室不反刍。鼻孔在吻端上面，与上方的眼睛和耳朵呈一条直线。这样它全体潜伏水中只须将头顶露出水面就能嗅、视、听兼呼吸了。体长3.75-4.6米，尾长约56厘米，肩高约1.5米，体重3-4.6吨，下犬齿长约60厘米，可重达3公斤。河马皮肤排出的液体含红色色素，经皮肤反射显得象是红色的，引起了河马出“血汗”的说法。/p p河马极善游泳，在受惊时，一般避入水中。每天大部分时间在水中，潜伏水下时一般每3、5分钟把头露出水面呼吸一次，但可潜伏约半小时不出水面来换气。它们的皮肤长时间离水会干裂。河马成对或结成小群活动，老年雄性常单独活动。夜行性：它们几乎整个白天都在河