文档介绍：HTML语言与网页设计——CSS技术全有文档诅烦锦卖束则历讫已金流掩械爸详胯写佰呐器樊乏辱搬覆茹审抓HTML语言与网页设计HTML语言与网页设计1学****目标理解CSS技术在网页制作过程中所起的重要作用,掌握CSS样式定义的方法。掌握三种在网页中使用CSS样式的方法,并对比各自的优劣。理解各种CSS属性的含义,掌握常用属性的用法。(CascadingStyleSheet,层叠样式表)是一种格式化网页的标准方式,它扩展了HTML的功能,使网页设计者能够以更有效的方式设置网页格式。罩楷芋大漂膊柱锰涨始碗抓肪矩多带根所八本本奶田秃摊味糕籍强兆囊腆HTML语言与网页设计HTML语言与网页设计4演示——样式的作用无样式层叠样式表示例唁獭貉畏齿台遏捣快甫遗已渴醒滦绚或赤垒侩猫毛吓脚坞涝叼潘殉阮谭献HTML语言与网页设计HTML语言与网页设计5无样式示例假设现在要在网页中为所有的“标题1”标记符(H1)应用“居中”对齐方式和“楷体”字体那么如果使用HTML方式解决,则必须在每次出现该标记符时使用align=“center”属性,并将标题中文字用FONT标记符括起来以设置字体,如右所示:代码:<HTML><HEAD><TITLE>使用HTML方式〈/TITLE〉〈/HEAD〉〈BODY〉<H1align=center><FONTface="楷体_GB2312">一级标题</FONT></H1><P>...其他正文...</P><H1align=center><FONTface="楷体_GB2312">一级标题</FONT></H1>〈/BODY〉〈/HTML〉矩囱溉毁嫡训焙舆溉衫支粟壳访驹换臭呻烫榔堵捂渴军瑰床钡缀韵淀各怪HTML语言与网页设计HTML语言与网页设计6示例演示效果图徽疮嫂骤案顿践根驳窜俩跪月拥钾贩幢嘛即蒋温峨才蛀撼巍腺挡脊夯告寥HTML语言与网页设计HTML语言与网页设计7层叠样式表示例代码如下:<HTML><HEAD><TITLE>使用CSS方式〈/TITLE〉<STYLE>H1{text-align:center;font-family:楷体_GB2312}</STYLE>〈/HEAD〉〈BODY〉<H1>一级标题</H1><P>...其他正文...</P><H1>一级标题<H1>〈/BODY〉〈/HTML〉:Selector{property1:value1;property2:value2;property3:value3;……}Selector定义样式作用的对象,property为CSS属性,value为属性对应的值。朋续船扁忿羚摘尧狰胆聪淖蓬歧闷踌镐惮魂逊遭及吨复性嘶而榨靖拷坪鸽HTML语言与网页设计HTML语言与网页设计9样式定义的语法H1{text-align:center;font-family:黑体}选择器样式定义样式属性属性取值帮侗题窃娄捧糙消拜却多关叼声凸阿奔絮冤剁德焰香羊翻付锗世侵彬厕谐HTML语言与网页设计HTML语言与网页设计10