css标签选择器学习

html 复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>div demo </title>
<style>
    div {

       background-color: red;

     }
</style>
</head>
 
<body>
 
<div id="div1" style="width: 100px;height: 100px;border: 3px solid green;">
</div>
<div id="div2" style="width: 200px;height: 100px;border: 3px solid green;">
</div>
<div id="div3" style="width: 200px;height: 150px;border: 3px solid green;">
</div>

</body>
</html>

有三个div;然后在<style></style>中,指定了

div {

......

}

这样在这里定义的样式将应用到本页面的所有div上;这是标签选择器,选择了所有的<div>标签;

运行如下;

假如在<style></style>中定义,

p{

font-size:12px;

background:#900;

color:090;

}

则样式将应用到本页面所有的<p>元素上;

相关推荐
2501_941805319 分钟前
从微服务网关到统一安全治理的互联网工程语法实践与多语言探索
前端·python·算法
寧笙(Lycode)10 分钟前
前端包管理工具——npm、yarn、pnpm详解
前端·npm·node.js
小夏卷编程12 分钟前
vue2 实现数字滚动特效
前端·vue.js
文心快码BaiduComate13 分钟前
嫌市面上的刷题App太丑,我让Comate帮我写了个“考证神器”
前端·产品
harrain16 分钟前
html里引入使用svg的方法
前端·svg
遗憾随她而去.29 分钟前
Webpack5 基础篇(二)
前端·webpack·node.js
Mintopia31 分钟前
🧭 一、全栈能力的重心正在从“实现” → “指令 + 验证”转移
前端·人工智能·全栈
Mintopia39 分钟前
2025,我的「Vibe Coding」时刻
前端·人工智能·aigc
西凉的悲伤1 小时前
html制作太阳系行星运行轨道演示动画
前端·javascript·html·行星运行轨道演示动画
C_心欲无痕1 小时前
网络相关 - http1.1 与 http2
前端·网络