CSS添加方式
- 内联式
- 内部式
- 外部式(推荐)
内联式
直接在需要改变样式的元素开始标签中编写属性style,内联样式会损失掉样式表的许多优势。(不推荐使用这种方法)
<p style="background-color: #e4f1fa;"></p>
内部式
在单个页面需要特殊样式时可使用内部式,在HTML文件的头部使用style标签定义内部样式表
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
p{
background-color: #e4f1fa;
}
</style>
</head>
<body>
<p></p>
</body>
</html>
外部式
使用外部样式表,可以通过修改一个文件更改多个页面的样式,每个页面在头部使用link标签链接到样式表
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
<p></p>
</body>
</html>
index.css
p{
background-color: #e4f1fa;
}