css 基本选择器
优先级：id>class>标签
1、标签选择器
会选择到页面上所有页面的元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*标签选择器，会选择到页面上所有页面的元素
*/
h1{
color: #a13d30;
background: #3cbda6;
border-radius: 24px;
}
p{
font-size:80px;
}
</style>
</head>
<body>
<h1>学Java</h1>
<h1>学Java</h1>
<p>听狂神说</p>
</body>
</html>
2、类选择器
多个标题可以归类，是同一个class
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*类选择器的格式 .class的名称{}
多个标题可以归类，是同一个class
*/
.asd{
color: #3748ff;
}
.zxc{
color: #a24fff;
}
</style>
</head>
<body>
<h1 class="asd">标题1</h1>
<h1 class="zxc">标题2 </h1>
<h1 class="asd">标题3</h1>
<p class="asd">标签</p>
</body>
</html>
3、id选择器
id必须全局唯一
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*
id选择器 id必须全局唯一
#id名称{}
*/
#asd{
color: #ff008a;
}
.zxc{
color:02ff00;
}
</style>
</head>
<body>
<h1 id = "asd">标题1</h1>
<h1 class="zxc">标题2</h1>
<h1>标题3</h1>
<h1>标题4</h1>
<h1>标题5</h1>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！