style元素和HTML样式基础
引入样式的三种方式
(1)外部样式表,通过 link 元素引入外部样式表;
<link rel="stylesheet" type="text/css" href="">
<!--type表示的是类型的是css类型,该元素放置在head标签内-->
(2)内部样式表;
<style="text/css"></style>
(3)内联样式表;
<p style="color:red"></p>
样例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Style</title>
<style type="text/css">
p{color: pink}
h5{color: blue}
</style>
</head>
<body>
<p>样式基础</p>
<p>样式基础</p>
<h5>样式基础</h5>
<h5>样式基础</h5>
</body>
</html>