一、CSS的引入方式
CSS的主要作用是对HTML进行一定修饰,常用三种方法引入CSS。
引入方式 |
---|
行内样式表 |
内部样式表 |
外部样式表 |
1.行内样式表
行内样式表是一种最简单的引入方式,其特点在于比较便捷。
例如,当我们仅需要对某一行进行修饰:
<p>我是一段文字</p>
我们可以直接在标签p内加入style进行编辑:
<p style=text-align:center>我是一段文字</p>
2.内部样式表
在新建HTML文档时,我们可以在body前,head后加入style。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>a sample of Table</title>
</head>
<style>
p {
color: red;
}
</style>
<body>
<p> 我是一段文字
</body>
3.外部样式表
将HTML文件与CSS文件分离,可以使代码更加简洁。
这时,需要在HTML文件中导入CSS文件:
<link rel="stylesheet" href="url">