<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3月4日</title>
<link rel="stylesheet" type="text/css" href="css/css0304.css"/>
<style type="text/css">
/*选中所有的div，标签名选择器*/
div{
background-color: rosybrown;
}
/*所谓的id选择器就是通过id的属性值选择最终的标签， #id的属性值*/
#liu{
background-color: red;
}
/*类选择器。class选择器，通过标签的class的属性值选择标签；class是可以重复的
*语法：。class的属性值
*
* 选中了所有的class=abc的那些标签*/
.abc{
background-color: pink;
}
/*优先级： id＞class＞标签名*/
#ni{
/*字体进行样式的设定*/
font-size: 60px;
font-family: "楷体";
color: blue;
}
</style>
</head>
<body>
<!--写
1：怎么写-
语法：选择器{声明：声明}；声明=key：value，如color=red；
2：写在哪里？
可以在三个地方：
1、任意的标签中，每一个标签都有一个style的属性，css样式可以在这个属性中编写，——内联样式
优点：直接作用在标签上；缺点：只能作用在一个标签上
2、在html中的style标签中也可以编写css，——内部样式
优点：可以作用在多个标签上；缺点：只能作用在本页中
3、写在外部的css文件中，——外部样式
某一个文件需要引用外部的css样式的话，需要使用link标签引入进来
如果三中类型的样式同时对某一个标签做相同样式设定的话，谁有效？
考虑优先级：就近原则
为谁去做美化，选中一些或者某一个标签——选择器
为她做什么样的美化，具体的美化过程——声明
-->
<!--
语法：选择器{声明}
选择哪些标签进行样式的设定：标签名选择器，id选择器，class选择器/类选择器
-->
<span style="font-size: 30px; color: red;" class="abc">四大恶人之首：段延庆</span>
<div>你心中的女神是：</div>
<div id="liu" class="abc">刘亦菲</div>
<div id="shu" class="abc">舒畅</div>
<div id="yang" class="abc">杨钰莹</div>
<div id="ni">你是谁</div>
</body>
</html>
20220304补充
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
