二零二三年 优质公开课css引用.pptxVIP

CSS三种引用方式教学目标· 知识目标掌握css样式的三种引用方法· 技能目标会创建css样式表，并在网页中进行应用css引用方式1.外部css文件: 你可以先建立外部样式表文件（. css），然后使用HTML的link对象。2.页面级css（head标签）:你可以在你的HTML文档的HTML和BODY标记之间插入一个STYLE.../STYLE块对象。3.行间样式:在标记中直接使用style属性可以对该标记括起的内容的应用该样式显示。.链入外部样式表文件外部样式引用( Li n k i n g t o1.链入外部样式表文件css样式引用( Li n k i n g t o1css样式引用而在XML中，你应该如下例所示在声明区中加入：? xml-stylesheet type=text/css href=/dhtmlet.css/dhtmlet.css ?2.定义内部样式块对象(Embedding a Style Block)你可以在你的HTML文档的HTML和BODY标记之间插入一个STYLE.../STYLE块对象。示例如下：htmlheadtitle文档标题/titlestyle type=text/css!--body {font: 10pt Arial}h1 {font: 15pt/17pt Arial; font-weight: bold; color: maroon}css样式引用 h2 {font: 13pt/15pt Arial; font-weight: bold; color: blue} p {font: 10pt/12pt Arial; color: black}--/style/headbody注意：这里将style对象的type属性设置为“text/css”，是允许不支持这类型的浏览器忽略样式表单。3.内联定义(Inline Styles)内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下：css样式引用 p style=margin-left: 0.5in; margin-right:0.5in这一行被增加了左右的外补丁p4.样式表语法(CSS Syntax)Selector { property: value }参数说明：Selector – 选择符property : value -- 样式表定义。属性和属性值之间用冒号(:)隔开。多个定义之间用分号(;)隔开