CSS的三个基本选择器

最新推荐文章于 2024-07-06 20:00:00 发布
最新推荐文章于 2024-07-06 20:00:00 发布
阅读量3.4k 收藏 2
点赞数 1
分类专栏： 6 Java学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pengchengliu/article/details/88102859
版权
本文深入探讨了CSS中的基础选择器，包括元素选择器、类选择器和ID选择器。通过实例解析，阐述了如何使用它们来定位和样式化网页元素，为精准控制网页布局奠定基础。
摘要由CSDN通过智能技术生成

 

 

css的选择器

要对哪一个标签里面的数据进行操作。哪一个标签就是选择器。

 

选择器分为基本选择器和扩展选择器。

 

基本选择器有三种：标签选择器、class选择器、id选择器。

 

一、标签选择器  

定义：使用标签名作为选择器的名称。

 

例1：

//标签选择器.html

<html>

        <head>

                <title>标签选择器</title>

                <style type="text/css">                                 //这个div就是标签选择器 

                        div{                                           

                               background-color:blue;           

                               color:red;

                        }

                </style>

        </head>

        <body>

                 <div>可是大家发开始打飞机卡和手机</div>

        </body>

</html>

 

例2：

//标签选择器.html

<html>

        <h
最低0.47元/天 解锁文章
/home/liupc
关注
专栏目录
CSS 三种基础选择器
天空之外
08-28 6516
本节我们来学习 CSS 中的选择器，选择器是 CSS 里面一个很重要的概念，HTML 中的所有标签样式，都是通过不同的 CSS 选择器进行控制的。我们只需要通过选择器，就可以对不同的 HTML 标签进行选择，并指定各种样式声明。 在 CSS 中三三种最基本的选择器，分别是标签选择器、类选择器（class）、ID选择器。 我们知道在 HTML 页面中引入 CSS 样式最好的方法是引入外部样式，也就是将 CSS 代码单独放置到一个 .css 文件内，然后再引入这个 CSS 文件。 标签选择器 我们知道一个 HT
CSS 三种基本选择器
weixin_45672377的博客
12-14 564
标签选择器 格式 ：标签{} 实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三种基本选择器</title> <!--标签选择器--> <style> h1{ color: green; } </style&gt
CSS：选择器 / 14种类型
最新发布
snowball的博客
07-06 3120
CSS中的UI元素伪类选择器主要用于定义用户界面元素的特殊状态样式，如链接的悬停（hover）、激活（active）状态，以及输入框的焦点（focus）状态等。：尽量使用更具体的选择器来定位你想要样式化的元素，这样可以减少不必要的性能开销，并提高样式表的可维护性。然而，需要注意的是，当通用选择器与其他选择器结合使用时，它仍然会匹配所有元素，但样式只会应用到那些也符合其他选择器条件的元素上。符号，它选择某个元素之后的所有兄弟元素（共享相同父元素），而不仅仅是紧接在后面的元素。在CSS中，ID选择器以井号。
CSS基本选择器
weixin_43903813的博客
01-09 82
三种基本选择器 作用：选择界面上的某一个或者某一类元素 基本选择器 标签选择器 标签选择器会选择到页面上所有的这个标签的元素 h1{ color: #225378; background: #b4a53b; border-radius: 30px; } h1为标签 类选择器 class 选择所有class属性一致的标签，跨标签 同一个标签，但是颜色不同，则不能用标签选择器。在标签内定义class，并在style中分别用类选择器定义颜色 好处：可以多个标签归类，是同一个class
css三种基本选择器（重要）
weixin_47556601的博客
01-26 2888
大家好，今天我们来分享一下css三种基本选择器 这是我们css当中的一大重点 写一段HTML的初始源代码： 1.标签选择器： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1> 相信我</h1> <p>你很
css学习——三种基本选择器
greedyguttler的博客
03-01 263
选择器（选择某一个或某一类元素） 基本选择器 标签选择器 /*标签选择器会选择页面上所有的这个标签的元素*/ <style> h1{ color:#a13d30; background:#1D8E46； border-radius:24px; } /*color字体颜色 background背景颜色 border-radius圆角*/ p{ font-size:80px; } /*修改字体大小，让p标签的字比h1标签的还大*/ </style> 类选
CSS-3-三种基本选择器
baidu_38126306的博客
12-05 319
CSS -> 基本选择器 作用：选择页面上的某一个或者某一类元素 1. 基本选择器 1.1 标签选择器 选择一类标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*标签选择器：会选择到页面上所有的这个标签的元素*/
CSS3 选择器 基本选择器介绍
12-13
我把CSS选择器分开成三部分，第一部分是我们常用的部分，我把他叫做基本选择器；第二部分我把他称作是属性选择器，第三部分我把他称作伪类选择器，这一部分也是最难理解和掌握的部分，今天我们先来看第一部分——...
html中css三种常见的样式选择器
12-13
本文将详细讲解三种常见的CSS选择器：标签选择器、ID选择器和类选择器。 1. 标签选择器： 标签选择器是最基础的选择器类型，它根据HTML元素的标签名来选取元素。例如，在以下示例中，`p`标签选择器将应用于所有的...
CSS 选择器支持列表
09-25
### 一、基本选择器 * `E`：选择所有 HTML 元素 * `.class`：选择所有具有该类名的元素 * `#id`：选择具有该 id 的元素 * `E F`：选择所有位于 E 元素内部的 F 元素 * `E > F`：选择所有直接位于 E 元素内部的 F ...
css学习(基础三种选择器)
kedat的博客
11-24 693
1.基础样式： 选择器{样式} <head> <title>css</title> <style> /* 选择器{样式} */ p { color:red; font-size: 120px; } </style> </head> 选择器列表 (1)....
CSS——三种基本选择器
万里顾一程的博客
11-05 593
CSS——三种基本选择器 选择器作用：选择页面上的某一个或者某一类元素 基本选择器 1.标签选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*标签选择器会选择到页面上所有的这个标签的元素*/ h1{ colo
css中的三种选择器
weixin_43699840的博客
02-06 287
一.元素选择器 元素选择器通过标签名选择元素 二.id选择器 通过id选择元素 三.类选择器 当需要多个元素，都使用同样的css的时候，就会使用类选择器 四.更准确的选择 同时根据元素名和class来选择 ...
三种基本选择器
weixin_57097732的博客
07-19 421
1、标签名选择器 2、class选择器 3、id选择器 只有一个，唯一一个 4、优先级 id>class>标签名
CSS 都有哪些选择器？
mzrxLXR的博客
08-01 9565
CSS 都有哪些选择器？ 1.标签选择器（如：body,div,p,ul,li） 2.类选择器（如：class=”head”,class=”head_logo”） 3.ID选择器（如：id=”name”,id=”name_txt”） 4.全局选择器（如：*号） 5.组合选择器（如：.head .head_logo,注意两选择器用空格键分开） 6.继承选择器（如：div p,注意两选择...
三种常用CSS选择器
weixin_46513229的博客
06-02 3405
CSS样式表的样式规则是由三个部分构成：Selector（选择器），Property（属性）和Value（属性的取值）。 基本的格式如下：Selector {property:value; property:value;…; property:value}
CSS的几种核心选择器
老陈聊架构
01-09 441
CSS的几种核心选择器 核心选择器： 标签选择器：针对一类标签 类选择器：针对你想要的所有标签使用 ID选择器：针对某一个特定的标签使用 伪类选择器:针对一些标签具体的行为使用 优先级：Id选择器 &amp;gt; class选择器 &amp;gt; 标签选择器 1.标签选择器 标签选择器，选择的是页面上所有这种类型的标签，优先级较低”。 &amp;lt;style type=&quot;text/css&quot;&amp;
CSS3选择器详解：基本选择器与:nth-child用法
"这篇文章主要介绍了CSS3的基本选择器，包括ID选择器、类选择器、标签选择器和通配符选择器，并通过实例演示了它们的使用方法。" CSS3选择器是CSS语言中用于选取HTML或XML文档中特定元素的关键部分，其扩展和增强了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值