0

0

css中主要有哪三种选择符

青灯夜游

青灯夜游

发布时间:2021-02-23 16:36:29

|

9697人浏览过

|

来源于php中文网

原创

css中主要的三种选择符,分别为:id选择符、class类选择符和元素选择符。id选择符可以为标有特定id的HTML元素指定特定的样式;class类选择器允许以一种独立于文档元素的方式来指定样式;元素选择符选择指定元素名称的所有标签元素。

css中主要有哪三种选择符

本教程操作环境:windows7系统、CSS3版、Dell G3电脑。

css中主要的三种选择符

1、元素选择器:

作用:选择指定元素名称的所有元素。

立即学习前端免费学习笔记(深入)”;

语法:

长登企业建站系统1.3 bulid 090328
长登企业建站系统1.3 bulid 090328

1、中小型企业网站系统,适合产品型、服务性质的企业。 2、支持多国语言,有四种语言版本,分别为:简体中文、繁体中文、英文、日本,适合以“产品为主”的内销型、“贸易外销型”、电子IC库存、物流、旅游等服务性质企业。3、系统内置三个网站模板,自由选择切换风格,也可以增加其它模板皮肤。 4、主栏目:公司介绍、产品展示、新闻中

下载
 元素{
       样式声明; 
    }

ex(例子):

页面上所有的p文字大小为12px,文字颜色为橘黄色

页面上所有的span元素颜色为红色

命令显示图

1.png

网页实例显示图

2.png

【推荐教程:CSS视频教程

2、类选择器

class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用。

class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示

语法:

  .类名{样式声明;}

类名:

  • 能以数字开始

  • 除_,-意外不能有其它特殊符号

引用:

引用方式 - 多类选择器的引用

可以将多个类选择器,同时应用在一个元素中

语法:

3、ID选择器:

作用:针对指定ID值的元素去定义样式

语法:

#ID值{样式声明}

ID值,一定要对应某个元素的ID值

ex(例子):

定义页面中 id为header 的元素 的文字大小为 30pt,背景颜色为 orange色
定义页面中 id为main的元素文字大小18pt, 加粗显示(font-weight:bold)
2.定义页面中 id为img_list 的元素背景颜色为绿色,斜体显示文字(属性:
font-style,值: italic)

命令显示图:

3.png

网页示例图:

在这里插入图片描述

更多编程相关知识,请访问:编程视频!!

相关专题

更多
C++ 高级模板编程与元编程
C++ 高级模板编程与元编程

本专题深入讲解 C++ 中的高级模板编程与元编程技术,涵盖模板特化、SFINAE、模板递归、类型萃取、编译时常量与计算、C++17 的折叠表达式与变长模板参数等。通过多个实际示例,帮助开发者掌握 如何利用 C++ 模板机制编写高效、可扩展的通用代码,并提升代码的灵活性与性能。

8

2026.01.23

php远程文件教程合集
php远程文件教程合集

本专题整合了php远程文件相关教程,阅读专题下面的文章了解更多详细内容。

24

2026.01.22

PHP后端开发相关内容汇总
PHP后端开发相关内容汇总

本专题整合了PHP后端开发相关内容,阅读专题下面的文章了解更多详细内容。

18

2026.01.22

php会话教程合集
php会话教程合集

本专题整合了php会话教程相关合集,阅读专题下面的文章了解更多详细内容。

18

2026.01.22

宝塔PHP8.4相关教程汇总
宝塔PHP8.4相关教程汇总

本专题整合了宝塔PHP8.4相关教程,阅读专题下面的文章了解更多详细内容。

9

2026.01.22

PHP特殊符号教程合集
PHP特殊符号教程合集

本专题整合了PHP特殊符号相关处理方法,阅读专题下面的文章了解更多详细内容。

9

2026.01.22

PHP探针相关教程合集
PHP探针相关教程合集

本专题整合了PHP探针相关教程,阅读专题下面的文章了解更多详细内容。

7

2026.01.22

菜鸟裹裹入口以及教程汇总
菜鸟裹裹入口以及教程汇总

本专题整合了菜鸟裹裹入口地址及教程分享,阅读专题下面的文章了解更多详细内容。

28

2026.01.22

Golang 性能分析与pprof调优实战
Golang 性能分析与pprof调优实战

本专题系统讲解 Golang 应用的性能分析与调优方法,重点覆盖 pprof 的使用方式,包括 CPU、内存、阻塞与 goroutine 分析,火焰图解读,常见性能瓶颈定位思路,以及在真实项目中进行针对性优化的实践技巧。通过案例讲解,帮助开发者掌握 用数据驱动的方式持续提升 Go 程序性能与稳定性。

9

2026.01.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 0.8万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

CSS教程
CSS教程

共754课时 | 22.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号