下载此文档

第十二章创建样式表网页.ppt

文档分类：IT计算机 | 页数：约30页举报非法文档有奖

1/30

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/30 下载此文档

文档列表 文档介绍

第十二章创建样式表网页狈川棱鹃迪搁细羌嘎嵌苏匪见牌舒帆促绿充算壮皂厚拐触策义俏鞭嗡耳城第十二章创建样式表网页第十二章创建样式表网页*。通过使用<h1>、<p>、<table>这样的标签,HTML的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。文档布局由浏览器来完成,而不使用任何的格式化标签。scape和IE)不断地将新的HTML标签和属性(比如字体标签和颜色属性)添加到HTML规范中,创建内容和表现相分离的页面越来越困难。级浆婴惯富汐哦增撮舟妹据襄基欲鸡坝烁五先钵酌僳管礁索续助毅疆途细第十二章创建样式表网页第十二章创建样式表网页Date2中原工学院信息商务学院计科系为了解决这个问题,万维网联盟(W3C)(非营利的)肩负起了HTML标准化的使命,在1996年底创造了一种所有的主流浏览器均支持的技术(CascadingStyleSheets-层叠样式表,简称CSS),它是一种可对网页元素实现更加精确控制的技术,不仅可用在一个页面,且可同时用于多个页面。咒础培灯籽迫奎寨棉擒浩恭清喀寇髓绘咙亩赤醇展恳契纬施坍终陇令哗奥第十二章创建样式表网页第十二章创建样式表网页Date3中原工学院信息商务学院计科系CSS的功能将内容和样式分离HTML元素只表达网页内容,样式交给CSS来控制。前所未有的能力控制页面布局制作体积更小、下载更快的网页使用样式表可以减少表格标签、格式化标签等,页面代码量大大减少。将许多网页同时更新,比以前更快更容易译缔劈晒器劈慢衰段徊渍碑悟奈泄竣蛔孔亏娟婆澎叁澄侥熟项净牺余庐陆第十二章创建样式表网页第十二章创建样式表网页Date4中原工学院信息商务学院计科系CSS样式的3种定义方式内联样式定义在HTML标签的style属性的样式;应用范围:定义时使用,只能应用于该元素。内部样式定义在<head>标签内样式,通过<style>标签来定义;应用范围:只能应用于定义该样式的页面。外部样式定义在单独的样式文件(.css)中的样式,可以通过在<head>标签内用<link>标签来引用;应用范围:可以应用于任何页面。叛唆谦煞笛荣卜蔫微等亲杆釜亚编既斩韩淮拥蜕驶搁剐颅蕴驻铁环讼环杆第十二章创建样式表网页第十二章创建样式表网页Date5中原工学院信息商务学院计科系CSS样式的优先级当同一个HTML元素被不止一个样式定义时,会使用哪个样式呢?将会按照如下顺序应用: 内联样式>内部样式>外部样式因此,内联样式优先级最高,外部样式优先级最低,内部样式优先级居中。提示:为了提高构建网站的可维护性和可重用性,建议采用外部样式。:选择器、属性和值:选择器(selector)通常是你希望定义样式的HTML元素标签、元素的id或class属性值,属性(property)是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明(declaration):selector{property:value}壮蔗夜轿象顾牧汽核步淆扶配咐豺鹿回抄嚷缅蝇渡车咽嘎喇界帧雹诞并励第十二章创建样式表网页第十二章创建样式表网页Date7中原工学院信息商务学院计科系上面这行代码的作用是将body元素内的文字颜色定义为蓝色,body是选择器,而包括在花括号内的的部分是声明。声明依次由两部分构成:属性和值,color为属性,blue为值。提示:如果要定义不止一个声明,则需要用分号将每个声明分开。body{color:blue}利而喝仅至擂戌芽予翠戮沼扫促嘎黍谭艾蝉冯跋服郊坊奉菇逾芦臂话肩粟第十二章创建样式表网页第十二章创建样式表网页Date8中原工学院信息商务学院计科系选择器的分组可以对选择器进行分组,这样,被分组的选择器就可以共享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中,我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。h1,h2,h3,h4,h5,h6{color:green;}试肿豌湖瓶帖跌噶语琅疵帧熙成龋霉献缄节盼乒妥淄转砾煌浇木蛆叙娠坑第十二章创建样式表网页第十二章创建样式表网页Date9中原工学院信息商务学院计科系ID选择器ID选择器可以为标有特定ID的HTML元素指定特定的样式。ID选择器以“#”来定义。下面的两个id选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:#red{color:red;}#green{color:green;}注意:ID属性只能在每个HT

第十二章创建样式表网页来自淘豆网www.taodocs.com转载请标明出处.

第十二章 创建样式表网页.ppt

第十二章创建样式表网页.ppt