现出CSS的优势，因此不推荐使用。
例如：<h1 style=“color:white; background-color:blue”>这是一行文本</h1>
(2)嵌入式：即内部样式表
嵌入式将对页面中各种元素的设置写在<head></head>之间。
例如：
<style type="text/css">
h1{
color:white;
background-color:blue
}
</style>
cssclass属性
(3)链接式：外部样式表最常用的方式
例：<link href="mystyle.css" rel="stylesheet" type="text/css" /> 二、练习：
将任务2中创建的个人介绍页面进行美化。（15分钟）
第2学时
（CSS基本选择器）
I.学生讨论：（10分钟）
CSS选择器的作用是什么？
II.重难点内容讲授：（30分钟）
一、CSS基本选择器
1.标记选择器
是指用HTML标记名称作为选择器，为页面中的该类标记指定统一的CSS 样式，其语法格式如下：的是页面的冲击和美感的享受。
激发学生学好该门课，成为未来的优秀Web前端开发工程师。
通过编写CSS代码，让学生了解代码书写要遵循规范，小错误可能会影响大局面，要养成严谨细致的工匠精神。
例，使用p选择器定义HTML页面中所有段落的样式。
2.类选择器
类选择器指定的样式可以被网页上的多个标记元素选用。类选择器以
“.”开始，其后跟类名称。其语法格式如下
.class{属性：值；属性：值;}
class为选择器类别的名称（名称不能是中文，最好是英文单词或拼音）例如：
<title>CSS类别选择器</title>
<style type="text/css">
.title1{ background-color:#0CF; color:#fff;}
.title2{ background-color:#9C0; color:#f00;}
</style>
</head>
<body>
<p class="title1">这是第一段的内容。</p>
<p class="title2">这是第二段的内容。</p>
</body>
</html>
3.ID选择器(代表唯一)
ID选择器用于对某个元素定义单独的样式，ID选择器以“#”开始，其语法格式如下: 灵活运用多种选择器
例如：
<style type="text/css">
#one{ background-color:#0CF; color:#fff; width:200px; height:200px;}
#two{ background-color:#9C0; color:#f00; width:200px; height:200px;}
</style>
</head>
<body>
<div id="one">这是第一个块的内容。</div>
<div id="two">这是第二个块的内容。</div>
</body>
</html>
注意：CSS样式的优先规则：
行内样式 > ID样式 > 类别样式 > 标记样式
4.交集选择器
交集选择器由两个选择器构成，第一个是标记选择器，第二个是类选择器，表示二者各自元素范围的交集。两个选择器之间不能有空格。其语法格式如下：
标记名称.类名称{属性：属性值；属性：属性值；...}
5.并集选择器
如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为它们定义相同的CSS样式，并集选择器由各个选择器通过逗号连接

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。