学习内容：
同步修改所有某一类标签的内容：内部样式表
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
img {
width: 300px;
height: 300px;
border-radius: 50%;
}
</style>
</head>
<body>
<img src="/static/images/flower.jpg" alt="flower">
</body>
</html>如果只想修改某一部分标签：设置class
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
img {
width: 300px;
height: 300px;
border-radius: 50%;
}
.green-p {
background-color: aquamarine;
}
.blue-p {
background-color: aqua;
}
.big {
width: 70px;
height: 70px;
}
</style>
</head>
<body>
<img src="/static/images/flower.jpg" alt="flower">
<p class="blue-p , big">1</p>
<p class="green-p , big">2</p>
<p class="blue-p">3</p>
<p class="green-p">4</p>
</body>
</html>div
p
#id
.class
class 里面可以写多个格式
伪类选择器
伪类用于定义元素的特殊状态。
链接伪类选择器：
:link：链接访问前的样式
:visited：链接访问后的样式
:hover：鼠标悬停时的样式
:active：鼠标点击后长按时的样式
:focus：聚焦后的样式
位置伪类选择器：
:nth-child(n)：选择是其父标签第n个子元素的所有元素。
目标伪类选择器：
:target：当url指向该元素时生效。
遇到的问题：