HTML入门教程： CSS介绍+选择器-标签使用方法

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 100+累计阅读 167平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄6年

关注

原创最新推荐文章于 2026-07-09 11:40:27 发布 167 阅读 AI 写同款· GEO 优化 ›

CSS——标签选择器，类选择器 文章目录选择器（重点）CSS基础选择器标签选择器（元素选择器）类选择器类选择器小案例小案例制作一个简易Google图标 选择器（重点）要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器（选择符）。 CSS基础选择器 标签选择器（元素选择器）标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。其基本语法格式如下：标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 或者阅读详情

转自：http://www.pinlue.com/article/2020/09/0707/4611201383527.html

收录于

html

当前文章被收录于：

html

76 篇文章 0 人学习

订阅专栏查看详情

css

当前文章被收录于：

css

68 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#HTML #CSS

前端工程师必备精选文章50篇：HTML语义化标签、媒体标签、表单及CSS选择器、布局在如今这个时间和知识都是碎片化的时代，C站根据C1-C4认证的成长路径，进行知识细化整理，形成系统化的知识图谱。通过调研一线互联网大厂的招聘JD，小编对标C站能力认证要求，为大家整理了系列技术干货合集，助力小伙伴们顺利进大厂~ 小编根据C4认证的成长路径整理了前端的相关资源，从零基础带你进入前端的世界。欢迎大家扫描文末二维码，一起学习~ 一、HTML语义化标签（10篇）【html主要语义化标签（一）】【html语义化标签】【什么是HTML语义化标签？常见HTML语义化标签大. 阅读详情

相关推荐

【html css选择器 五种方法，一篇看会】

在 CSS 中，你可以通过选择器来选择 HTML 元素，并为其设置样式。

放飞自我的coder 842

HTML标签与CSS选择器

文章通过代码示例和效果图展示了常用的HTML标签和CSS选择器的具体用法

2401_84284464的博客 1502

使用 lxml.html 的 CSS 选择器提取教程

本文介绍了使用Python的lxml.html库配合CSS选择器提取HTML内容的方法，涵盖12种常用选择器：包括标签、类、ID、子元素、后代、属性、结构(nth-child)、多类、相邻兄弟、通配符等选择器。每种选择器都配有HTML示例和对应的Python代码，展示如何提取特定元素内容。总结表格对比了各选择器的语法和使用场景，适用于网页爬虫、数据抓取等需求。lxml.html库性能优越，CSS选择器语法简单直观，特别适合前端开发者和爬虫初学者使用，也可与XPath结合进行更复杂的数据提取。

Ghostycode的博客 970

HTML标签+css选择器

属性border添加边框，cellspacing单元格之间的距离，cellpadding设置单元格的填充度，widthheight设置表格宽高。a超链接标签：属性target设置资源打开窗口的方式，_blank新窗口打开，_self本窗口打开，name指定窗口打开。规则3：同级别长度下，css代码按顺序执行，后边的样式把前边的样式覆盖（不同样式叠加，同一样式覆盖）textarea标签：多行文本域，rows设置行数，cols设置每行字符数，页面中可改变大小。规则1：选择器写的越准确（越长），优先级越高。

weixin_63364660的博客 1917

CSS（二）——CSS核心基础

目录 1.CSS基本语法 2.CSS基本选择器 1.标签选择器； 2.类别选择器； 3.ID选择器； 3.在HTML中引入CSS的方法 1.行内样式 2.内嵌式 3.链接式 4.几种方式的优先级比较 1.CSS基本语法 CSS有选择器，然后我们可以在选择器里面添加装饰； 2.CSS基本选择器 1.标签选择器； <!DOCTYPE html> &...

程序员的时光 456

dify离线部署

以bge-m3为例，本地部署bge-m3首先在一台能连网的linux服务器上（部署有ollama）创建想要保存模型的文件夹编辑ollama.service,配置ollama模型的保存路径添加模型存储地址将models目录设置属主，必须做，否则ollama无法启动重新加载配置文件并重启ollama测试ollama 运行是否正常最后拉取 bge-m3可在/opt/LLMModels/bge_m3/models目录下看到拉取得模型使用tar命令压缩文件夹。

weixin_42538734的博客 3072

HTML — CSS选择器

CSS选择器用于定位HTML元素并应用样式，但不能以列表形式呈现其完整分类。选择器通过特定语法规则匹配元素，例如元素选择器（如p）直接选中标签，类选择器（如.class）通过class属性匹配，而ID选择器（如#id）基于唯一标识定位。此外，属性选择器（如[type="text"]）按属性筛选，伪类选择器（如:hover）响应状态变化，组合选择器（如div > p）则通过层级关系精确控制。每种选择器需独立使用或组合嵌套，无法简单罗列为列表，因其语法和逻辑依赖具体应用场景。

2403_89893216的博客 2480

第三节: 串口通信(用CubeMX学习STM32)

用CubeMX学习STM32, 串口通信学习, 通过轮询方式和中断方式两种方式进行通信演示。 STM32F407zgt6

Kevin_8_Lee的博客 8904

CSS 标签选择器

本节我们来学习 CSS 中的选择器，选择器是 CSS 里面一个很重要的概念，HTML 中的所有标签样式，都是通过不同的 CSS 选择器进行控制的。我们只需要通过选择器，就可以对不同的 HTML 标签进行选择，并指定各种样式声明。在 CSS 中三三种最基本的选择器，分别是标签选择器、类选择器（class）、ID选择器。本节我们来讲标签选择器，标签选择器是 CSS 中最常见的选择器。像前面几节中，我们举例时用到的都是标签选择器。通过前面的学习我们知道在 HTML 页面中引入 CSS 样式最好的方法是引入外部

ivenqin的博客 2713

从公式到实践：用SPSS解锁香农多样性指数的生态洞察

本文详细介绍了如何利用SPSS软件计算和应用香农多样性指数进行生态研究。从基础公式解析到SPSS实战操作，再到生态决策支持，全面展示了该指数在物种丰富度和均匀度量化中的价值。文章特别强调了SPSS操作中的关键技巧和常见误区，为生态研究者提供了一套完整的分析解决方案。

weixin_30832143的博客 465

一文看懂—Agent多智能体协作

多智能体协作已成为AI应对复杂任务的关键范式，通过模拟人类团队分工，实现专业化、高效化和纠错能力。本文系统阐述了多智能体协作的核心概念（智能体分工、工作流编排、工具使用）、与产品规划的关联（任务拆解、错误处理、组织架构设计），以及典型应用场景（报告生成、客服工单、学习规划）。同时剖析了常见陷阱（循环卡死、信息失真、成本失控）及解决方案，并提供了实用工具模板（角色定义卡、工作流画布、成本仪表盘）。最后通过市场竞品分析和旅行规划两个实战案例，展示了多智能体协作的实际价值。该技术正推动AI从单点智能迈向系统智能，

lee006006的博客 1034

Html中CSS选择器的使用

功能：用来修改标签不同状态的样式。1.nth-last-child(3)选择的是指定层级的倒数第n个标签，当倒数第n个标签不是nth-last-child(n)前面指定的标签时属性设置无效。编写的顺序必须遵循link、visited、hover、active的顺序。解释：给父标签在选择的层级中，然后父标签中的标签设置属性，当父标签中的标签只有一个标签，并且标签为指定标签时属性设置成功。解释：给父标签在选择的层级中，然后父标签中的标签设置属性，当父标签中的标签只有一个标签，并且标签为p标签时属性设置成功。

wopoli的博客 2078

2022北京高考数学压轴题21题：Python暴力枚举验证k≥7的5种反例

本文探讨了2022北京高考数学压轴题21题的编程解法，通过Python暴力枚举验证k≥7的5种反例。文章详细介绍了m-连续可表数列的定义、问题转化与约束条件，并提供了暴力枚举算法设计和优化技巧，帮助读者理解如何用编程思维解决数学问题。

weixin_33552698的博客 234

标签、类选择器及CSS命名规范

一、标签选择器(元素选择器) 使用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。基本语法格式：标签名{属性1：属性值1；属性2：属性值2；属性3：属性值3；}或者元素名{属性1：属性值1；属性2：属性值2；属性3：属性值3；} 优缺点：能快速为页面中同类型的标签统一样式，同时也是缺点，不能设计差异化样式。 <!DOCTYPE html> ...

匿名攻城狮 8665

Java中使用工厂模式和策略模式优雅消除if-else语句（UML类图+案例分析）

在最近的后端开发中，多多少少会发现有很多if-else语句，如果条件过多则会造成整体代码看起来非常臃肿。本篇博客汇总了我对工厂模式和策略模式的理解，以及我是如何把它们巧妙运用在实际项目当中的一些技巧进行了分享，如有问题，欢迎评论区讨论！

黄团团的个人博客 2613

【RKNN】RKNN-Toolkit2 Python API函数详解

RKNN-Toolkit2 的 API 设计以开发者效率为核心，覆盖模型转换、量化、部署全流程。通过灵活的参数配置（如多核调度、混合量化）和调试工具（性能分析、精度对比），可快速适配复杂边缘场景。

浩瀚之水的专栏 787

HTML、CSS、JS简单介绍以及HTML的标签

目录一、HTML--结构 1.了解网页 2.了解HTML 二、CSS--样式 1、CSS-网页的美容师 2、CSS 的规则 3、CSS的格式三、JavaScript--行为 1.JavaScript的历史 2.JavaScript的简介 3.JavaScript的作用 4.JavaScript的组成四、HTML的标签 1.文档 2.主体 3.头部 4.标题 5.HTML标题 6.段落 7.段内换行 8.预留格式 9.段内分组 10.水平线 11.文档分区

m0_63163990的博客 4285

【雷达】一维和二维自适应波束形成(DBF))DBF附matlab代码

1 简介数字波束形成技术是天线波束形成原理与数字信号处理技术相结合的产物,其广泛应用于阵列信号处理领域.由于电磁工作环境的恶化和大量射频干扰的存在,在极低的信干噪比(SINR)条件下进行目标检测和信息提取十分困难.对于阵列系统,往往采用自适应数字波束形成(ADBF)技术,来抑制强干扰和方向性干扰对有用信号的影响.介绍了数字波束形成器的基本原理及其DSP的实现结构. 2 完整代码 clc;clear all;close all;%%%%%%%%%%%%%%%%%一维DBF%%%%%%%%%%%%%

qq_59747472的博客 7267

Java—HTML：CSS选择器

本文主要介绍的是Java HTML中的CSS知识点内容：CSS选择器。

2501_90297049的博客 1323

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目，保存在这里方便以后使用直接下载

IMSL CNL 7.0.0 (x86-64)Crack

IMSL CNL 7.0.0 (x86-64)Crack intel的算法库破解文件，这是C++版本的破解文件

HTML + CSS - CSS选择器

CSS（Cascading Style Sheets，层叠样式表）是一种用于控制 HTML 文档样式和布局的语言。它为 Web 页面提供了许多功能，使开发者能够创建美观且功能丰富的用户界面。提供了丰富的功能来控制网页的外观和布局，增强用户体验，并支持现代 Web 开发的最佳实践。通过合理使用 CSS，可以创建视觉上引人入胜、功能丰富、易于维护的 Web 应用。

qq_51222843的博客 1621

大中型超市收银系统(可直接运行)

光步前台收银系统系统功能：商品销售、商品退货、挂单、收银员权限、会员销售、单品取消、整单取消、商品查询、脱机销售、脱机数据上传，基本资料下载，开钱箱、小票打印、收款结算，支持多币种付款方式（现金、储值卡、礼券、微信等）,支持多种促销。运行环境：.net 4.0登陆信息用户名:1001 密码:123456内置商品信息，商品编码可输入00001000 - 00010000,测试效果相关功能键F5 结算 F9挂单 F11商品查询 F8退货 Insert单品取消 Del整单取消 F12开钱箱F2 会员 Ctrl+Z退出系统 Home 锁屏相关源码待公开

3.1 CSS标签选择器

通过合理使用这些组合选择器，开发者可以创建出精确和高效的样式规则，从而实现更复杂和灵活的页面布局和设计。标签选择器与其他选择器的组合使用是CSS中常见的方法，它可以帮助开发者创建更精确的样式规则，以适应复杂的布局和设计需求。标签选择器是CSS中最基本的选择器之一，它根据HTML元素的标签名来选择元素。通过理解和应用这些最佳实践，开发者可以更有效地使用标签选择器，同时避免它们的局限性，从而创建出更加清晰、高效和可维护的CSS代码。标签选择器是CSS中最基本的选择器之一，它根据HTML元素的类型来选择元素。

Python老吕的博客 2101

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

html css样式选择器介绍

对于 body h1 + p .special 指的是选择 body 标签下第一层的所有 h1 标签，再选择该 h1 标签后第一个相邻的 p 标签，再选择该 p标签内带有 special 类的标签；下面的 css 选择所有嵌套在 p 标签下 em 标签内的文字，并将其中的文字设置为橙色并加粗。下面的 css 会选择所有使用了 special 类的 li 标签以及使用了 special 类的 p 标签，并将其中的文字设置为橙色并加粗。下面的 css 会将所有 h1 和 li 标签里的文字设置为红色。

西凉的悲伤博客 1313

HTML CSS 链接外部样式表及标签选择器、类选择器、 ID选择器

HTML CSS 链接外部样式表及标签选择器、类选择器、 ID选择器 CSS样式：（链接外部样式表） <link rel="stylesheet" href="index.css"/> CSS标签选择器 p { font-size:16px;} <标签名>标签内容</标签名> CSS 类选择器 .class { font-size:16px;} <标签名 class= “类名称”>标签内容</标签名> CSS ID选择器: #id {

weixin_46620826的博客 1397

css的三种使用方式和标签选择器

一、概念 css(Cascading Style Sheet)是层叠样式表语言，作用是修饰html的样式，让html更好看。二、在html页面中嵌套使用css的三种方式 1.内联定义在html标记( html tag)内部使用style属性,属性值为多个样式的赋值，样式之间用分号(;)隔开。语法格式： <标签 style=“样式名:样式值;样式名:样式值;…”></标签> 解释：width,height样式用于设置div标记的宽度和高度，px为单位（像素），backgroun