CSS在HTML中的使用方法
CSS在HTML中的使用方法
制作人：全心全意
CSS在HTML中的使用方法
1、内联式（行内样式）：应用内联样式到各个网页元素就是在HTML的标签中使用style属性来设置CSS样式
格式：<html style="属性:值;属性:值;...">被修饰的内容<html>
特点：仅作用于本标签
2、嵌入式：在网页上创建嵌入的样式表就是在head标签中使用<style type="text/css">...</style>标签来设置css样式
格式：
<style type="text/css">
...css样式代码
</style>
特点：作用于当前整个页面
3、外联式（外部样式）：将网页链接到外部样式表
格式：在head标签中使用<link/>标签导入一个css文件，在作用于本页面，实现css样式设置（推荐）
<link href="文件名.css" type=“text/css” rel="stylesheet" />
特点：作用于整个网站
示例：
abc.css
h2 {
color: yellow;
}
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS的使用方法</title>
<style>
h1 {
color: green;
}
</style>
<link href="css/abc.css" type="text/css" rel="stylesheet" />
</head>
<body>
<p style="color: blue;">
html中使用css的样式,内联式（行内样式）
</p>
</body>
<h1>html中使用css的样式,嵌入式</h1>
<h2>html中使用css的样式，外联引入</h2>
</html>
