html标签选择器,这两大类不得不看
2022/6/15 4:20:10
本文主要是介绍html标签选择器,这两大类不得不看,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
关于html标签选择器分为基础选择器和复合选择器两大类。
基础选择器是由单个选择器组成的
基础选择器又包括:标签选择器,类选择器,id选择器和通配符选择器。
1. 标签选择器是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的css样式。
语法:
标签名 {
属性1: 属性值1;
属性2: 属性值2;
属性3: 属性值3;
........
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>基础选择器之标签选择器</title>
<style>
/* 标签选择器 : 写上标签名 */
p {
color: green;
}
div {
color: pink;
}
</style>
</head>
<body>
<p>男生</p>
<p>男生</p>
<p>男生</p>
<div>女生</div>
<div>女生</div>
<div>女生</div>
</body>
</html>
作用:标签选择器可以把某一类标签全部选择出来,比如所有的<div>标签和所有的<span>标签。
优点: 能快速为页面中同类型的标签统一设置样式。
缺点:不能设计差异化样式,只能选择全部的当前标签。
这篇关于html标签选择器,这两大类不得不看的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2025-01-108年老开发现状 | 从外包干到了开一家自己的公司
- 2025-01-08救命的建议!给入行前端的朋友们唠点~
- 2025-01-03初学者指南:掌握HTML中的P标签
- 2025-01-03PS网页切图:新手入门教程
- 2025-01-02前端培训学习:新手入门指南
- 2025-01-02前端入门学习:从零开始的Web开发之旅
- 2025-01-02初学者指南:掌握HTML中的span标签
- 2025-01-02前端案例学习:初学者必备实战指南
- 2025-01-02前端编程学习:从零开始的Web开发入门指南
- 2024-12-29扎心了老铁!码农的「拧螺丝」之道~