<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--
第二种方式：
将样式编写到head里的style标签里。
方便修改，也可以设置多个标签。
内部样式表，通过CSS选择器选中元素并为其设置各种样式
问题：这种方式只能在当前页面设置样式
-->
<!--
第三种方式（外部样式表）
可以将样式写到外部一个CSS文件中。
然后通过link标签来引入外部的css文件
外部样式需要link标签引入css文件，其他网页只要引入即可
可以使用浏览器的缓存机制，从而加快网页的加载速度，提高用户体验
-->
<!-- <style>
p{
color: blue;
font-size: 50px;
}
</style> -->
<link rel="stylesheet" href="./02设置样式.css">
</head>
<body>
<!--
使用CSS修改元素的样式
使用CSS修改元素的格式
第一种方式(内联样式，行内样式)：
在标签内部使用style属性来设置元素的样式
问题： 此方式只能设置一个标签，当样式需要修改时极为位不方便
开发时绝对不使用内联样式
-->
<!-- <p style="color:red; font: size 80px; ">风急天高猿啸哀，渚清沙白鸟飞回</p> -->
<p>
风急天高猿啸哀，渚清沙白鸟飞回
无边落木萧萧下，不尽长江滚滚来
万里悲秋常作客，百年多病独登台
艰难苦恨繁霜鬓，潦倒新停浊酒杯
</p>
</body>
</html>