首页 2.2.4 CSS样式表引用(二):外部样式表

2.2.4 CSS样式表引用(二):外部样式表

举报
开通vip

2.2.4 CSS样式表引用(二):外部样式表2.2.4 CSS样式表引用(二):外部样式表 (CSS样式表引用) 引入CSS样式表的方法 2、外部样式表 外部样式表是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,可以通过标记将外部样式表文件链接到HTML文档中,其基本语法格式如下: 该语法中,标记需要放在头部标记中,并且必须指定标记的三个属性,具体如下: href:定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。 type:定义所链接文档的类型,在这里需要指定为“text/css”,表示链接的外部文件为CSS样式...

2.2.4  CSS样式表引用(二):外部样式表
2.2.4 CSS样式表引用(二):外部样式表 (CSS样式表引用) 引入CSS样式表的方法 2、外部样式表 外部样式表是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,可以通过标记将外部样式表文件链接到HTML文档中,其基本语法格式如下: 该语法中,标记需要放在头部标记中,并且必须指定标记的三个属性,具体如下: href:定义所链接外部样式表文件的URL,可以是相对路径,也可以是绝对路径。 type:定义所链接文档的类型,在这里需要指定为“text/css”,表示链接的外部文件为CSS样式表。 rel:定义当前文档与被链接文档之间的关系,在这里需要指定为“stylesheet”,表示被链接的文档是一个样式表文件。 接下来通过一个 案例 全员育人导师制案例信息技术应用案例心得信息技术教学案例综合实践活动案例我余额宝案例 来学习如何在HTML文档中使用链入式CSS样式,具体代码如下: 1 3 4 5 6 使用链入式CSS样式表 7 8 9 10

链入式CSS样式表

11

通过link 标记可以将拓展名为.css的外部样式表文件链接到HTML文档中

12 13 在外部文件表style.css中,书写CSS样式代码,具体如下: h2{ text-align:center;} p{ font-size:16px; color:red; text-decoration:underline;} 运行例程代码,得到效果图如下所示: 需要说明的是,链入式最大的好处是同一个CSS样式表可以被不同的HTML页面链接使用,同时一个HTML页面也可以通过多个标记链接多个CSS样式表。
本文档为【2.2.4 CSS样式表引用(二):外部样式表】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
is_842972
暂无简介~
格式:doc
大小:14KB
软件:Word
页数:3
分类:建筑/施工
上传时间:2019-02-23
浏览量:43