<!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>
<style>
/*
元素选择器:
作用:根据标签名来选中指定的元素
语法:标签名{}
如:p{} h1{}
id选择器(id不能一样):
作用:根据id属性值选中一个元素
语法:#id{}
类选择器:
作用:根据元素的class属性值选中一组元素
语法:.class属性值
通配选择器:
作用:选中页面中的所有元素
语法:*{}
*/
p{
color: tomato;
}
/*在不影响其他的前提下,将单独一句设置为红色*/
#red{
color:red;
}
.blue
{
color: blue;
}
</style>
</head>
<body>
<!--
class是一个标签的属性,和id类似,可以重复
可以用来分组,可以设置多个class
-->
<p>1111111111111111111111111</p>
<p id="red">22222222222222222222222222</p>
<p class="blue">333333333333333333</p>
<p class="blue">44444444444444444</p>
</body>
</html>