2.CSS基础选择器

已于 2023-07-11 11:46:46 修改
阅读量69 收藏
点赞数
分类专栏： 前端——CSS 文章标签： css html 前端
于 2023-05-28 22:27:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74891783/article/details/130918654
版权
本文详细介绍了CSS中的基础选择器，包括标签选择器、类选择器、id选择器和通配符选择器。标签选择器用于选择同一类型的HTML标签并统一设置样式，类选择器允许差异化选择和设置样式，id选择器提供唯一标识来设定特定元素的样式，而通配符选择器应用于所有元素。类选择器在修改样式时最为常用，id选择器通常用于页面中独一无二的元素。
摘要由CSDN通过智能技术生成

2.1选择器的作用

选择器(选择符)就是根据不同需求把不同的标签选出来这就是选择器的作用。简单来说 ,就是选择标签用的。

2.2选择器分类

选择器分为基础选择器和复合选择器两大类,我们这里先了解一下基础选择器
●基础选择器是由单个选择器组成的
●基础选择器又包括:标签选择器、类选择器、id 选择器和通配符选择器

2.3标签选择器

标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。
语法：
标签名{
属性1:属性值1;
属性2:属性值2;
属性3:属性值3;
…
}
【示例代码】

<!DOCTYPE html>
<
了解本专栏 订阅专栏 解锁全文 超级会员免费看
ybi8bo007
关注
专栏目录
订阅专栏
CSS选择器之CSS基础选择器
LiuYQing的博客
08-23 1785
CSS选择器作用：找到特定的html页面元素 CSS基础选择器 1.标签选择器(元素选择器)--是指用HTML标签名作为选择器，按标签名分类，为页面中某一类标签指定统一的CSS样式，语法如下： 标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} 作用：标签选择器可以把某一类表圈全部选择出来，比如所有的div标签和所有的span标签 优点：是能快速为页面中同类型的标签统一样式 缺点：不能设计差异化样式 ...
sanitize.css：最佳实践CSS基础
02-05
《sanitize.css：最佳实践CSS基础》 在网页设计和开发中，CSS（层叠样式表）扮演着至关重要的角色，它赋予了HTML元素丰富的样式和布局。然而，不同的浏览器对CSS的支持程度和默认样式处理可能存在差异，这可能导致...
css基础选择器有哪些
weixin_44613301的博客
01-25 6463
css基础选择器有哪些（熟记） 一、选择器作用：规范了页面中哪些元素能够定义好样式，同时也能帮助我们去 二、选择器分类 1. 通用选择器（只能放在样式表） 1. 作用：匹配页面上的所有元素 2. 语法：* 3. *{ 属性:属性值； } 2. 元素择器 1. 作用：匹配页面上某个元素的样式 2. 语法： 3. 元素名{ 属性:属性...
CSS基础选择器的使用
qq_66198247的博客
01-22 2140
一.CSS元素选择器： 也叫标记选择器，比如p, h1, em, a,甚至可以是HTML本身。例如：html{color:black;} p{color:red;} 二.CSS类选择器 1. 基本语法格式为：.类名{属性1：属性值1；属性2：属性值2；}，类选择器最大的优势是可以为元素对象定义单独或相同的样式。例如： <h1 class=“important”> The heading is very important.</h1> <p class=“im..
前端必知：11.css选择器的使用以及选择器的优先级
qq_52799985的博客
07-10 2628
E m { css内容 } 通过E选择器 设置 E中的 m 选择器 的css内容，m可以是E的。E>M {css内容} 通过E选择器找到 E选择器的子级M选择器，设置css内容。E~M{css内容}通过E选择器找到 该元素之后所有选择器名为M的兄弟元素，并。a的伪类，伪类是css系统创建好的内部的类，用来对标签的某个时机设置样式。如果多种选择器所表达的css内容是相同的，则可以把他们写成群组选择器。假设后面的数字是权重的值，那么在比较的时候，只需把选择器的值。子级，也可以是E的后代中的某一个选择器。
CSS基础选择器和复合选择器
icemwj的博客
09-16 1801
1、CSS简介和语法规范 CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称。 有时我们也会称之为 CSS样式表或级联样式表。 CSS 是也是一种标记语言。 CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。 CSS 让我们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS 可以美化 HTML , 让 HTML 更漂亮，让页面布局更简单。 CSS 规则由两个主要的部分构成：选择
CSS 基础选择器和复合选择器详细讲解
蟹黄堡
05-12 1397
CSS选择器概述 作用：选择器就是根据不同需求把不同的标签选出来。 选择器分类 选择器分为基础选择器和复合选择器： 基础选择器是由单个选择器组成的，包括：标签选择器、类选择器、id选择器和通配符选择器。 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的，包括：后代选择器、子选择器、并集选择器和伪类选择器等。 基础选择器 1.标签选择器 标签选择器的语法格式如下： 标签名{ 属性1:属性值2; 属性2:属性值2; ... } 定义：标签选择器（元素选择器）是指用HTML标签名
四种CSS 基础选择器
ItDaChuang的博客
12-16 1024
总结四种CSS基础选择器的使用场景和语法知识点，包括标签选择器、类选择器、id选择器和通配符选择器。
CSS 基础知识 选择器
wgchen
10-19 1545
CSS 基础知识 选择器
【CSS】选择器汇总
qq_45677671的博客
04-02 2085
文章目录一、选择器权重二、基础选择器2.1、通配符（*）2.2、标签选择器（h1）2.3、 id选择器（#）2.4、class选择器（.）三、层级选择器3.1、群组选择器（E,F）3.1、包含选择器（E F）3.1、子元素选择器（E>F）3.1、相邻兄弟选择器（E+F）3.1、 通用选择器（E~F）三、 属性选择器3.1、 [attribute]选择器3.2、 [attribute=value]选择器3.3、 [attribute~=value]选择器3.4、 [attribute|=value]选择
CSS常用选择器
chenchenchencl的博客
03-06 1889
CSS常用选择器
HTML5&CSS3网页制作：CSS基础选择器.pptx
05-31
CSS，层叠样式表，是用于控制网页元素样式的重要语言。在这篇关于"CSS基础选择器"的讲解中，我们将深入理解CSS选择器的概念以及如何使用它们来定位并应用样式到HTML...这样可以帮助你更好地理解和应用CSS基础选择器。
css基础选择器.md
01-06
css基础选择器.md
Basic.css：Basic.css-无类CSS入门文件
02-04
**正文** 在Web开发中，CSS（层叠样式表）是一种至关重要的技术，用于定义页面的布局、颜色、字体和其他视觉元素。...对于想要深入了解CSS基础或者追求简洁设计的开发者来说，这是一个值得尝试的工具。
HTML、CSS实现树状图
p_s_p的博客
09-09 707
【代码】HTML、CSS实现树状图。
Layout 布局组件快速搭建
赵士杰——成功并非一蹴而就，而是在持之以恒的努力中逐渐实现。
09-13 1432
Layout 布局组件快速搭建： 1. 设置主题样式变量 2. 封装公共布局组件 3. 经典布局 4. 水平布局 5. 响应式布局 6. 搭建 Layout 布局组件 7. 添加 Layout 路由配置 8. 启动项目
基于less和scss 循环生成css
k0933的博客
09-14 389
【代码】基于less 循环生成css。
css ＜样式一＞
最新发布
weixin_43689953的博客
09-17 190
盒子模型 浮动 定位
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值