<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>样式</title>
<!-- 内部样式 -->
<style> /* type="text/css"可有可无 */
h3{
color: green; /* 字体颜色 */
font-size: 20px; /* 字体大小 */
text-align: center; /* 文本居中 */
}
</style>
<!-- step2:引入css文件 -->
<link href="css/ziti.css" rel="stylesheet"/>
</head>
<body>
<!-- 引入样式的方式:1.内联样式:在开始标签中加入style属性,在属性中设置样式
2.内部样式:在head标签中用style标签引入。
3.外部样式:
step1:书写外部样式css文件
step2:在html文件中head标签中引入css文件
内联优先级最高,其次是谁离标签根部近谁的优先级就高
-->
<h1 style="color: red; font-size: 24px;text-align: center;">古诗网</h1> <!-- 内联样式 -->
<h3>蒹葭</h3>
<p>蒹葭苍苍,白露为霜</p>
<p>所谓伊人,在水一方</p>
</body>
</html>
p{
color:green;
font-size: 18px;
text-align: center;
}
外部样式需要在CSS中新建文档设置