在CSS的3个基本构成中,“对象”是最为重要的,它指定了对哪些网页元素进行设置,在CSS中它有个专有名词:选择器。

选择器是CSS中极为重要的一个概念和思想,所有页面元素都是通过不同的选择器进行控制的。在使用中,我们只需要把设置好属性及属性值的选择器绑定到一个HTML标签上,就可以实现各种效果,达到对页面的控制。

在CSS中,可以根据选择器的类型把选择器分为基本选择器和复合选择器,复合选择器是建立在基本选择器之上,对基本选择器进行组合形成的。本章先介绍选择器。

基本选择器包括标记选择器、类别选择器和ID选择器3种,下面我们进行介绍。

标记选择器

HTML文档是由多个不同标记组成,而标记选择器就是声明那些标记采用的样式。例如p选择器,就是用于声明页面中所有

标记的样式风格。同样也可以通过h1选择器来声明页面中所有

标记的CSS风格。

1、新建文件

2、加入p标记选择器

标签后加入如下代码:

上面代码定义了一个标记选择器p,其属性font-size定义了字体大小,color定义了字体颜色。font-weight定义了字体加粗显示。

按【F12】键运行,浏览结果如下图所示:

注意:只要定义了p选择器,那么在网页中出现的多个

标签都会发生变化。

css 标记选择器,CSS标记选择器相关推荐

  1. css 选择器(标签选择器、类选择器、层级选择器、id选择器、组选择器、伪类选择器、通配符选择器)

    css 选择器的定义 css 选择器是用来选择标签的,选出来以后给标签加样式. css 选择器的种类 标签选择器 类选择器 层级选择器(后代选择器) id选择器 组选择器 伪类选择器 通配符选择器 标 ...

  2. html中选择样式,html中css三种常见的样式选择器 zz

    1:标签选择器 标签选择器,是所有带有某种标签的都生效.这里以p为例,也就是所有的带有p标记的都会这样的样式 p{font:"宋体"; color:#FF0000} 我现在表现的是 ...

  3. 使用css的类名交集复合选择器

    首先先看一下基本定义: 复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器,主要包括"交集"选择器."并集"选择器."后代"选 ...

  4. CSS:基本概念、选择器、伪类伪元素

    基本概念 HTML使用结构化标记的理由:易于建立内容索引.增加文档可用性.增加可访问性.易于维护.  元素(element):文档结构的基础,每个元素生成一个框(box)其中包含元素的内容, 元素的两 ...

  5. CSS基础(part2)--CSS选择器

    学习笔记,仅供参考,有错必纠 文章目录 CSS CSS语法 CSS简单属性 CSS注释 CSS选择器 通配符选择器 ID选择器 类选择器 CSS复合选择器 标签指定式选择器(既...又...) 后代选 ...

  6. CSS :before :after 伪类选择器

    CSS :before :after 伪类选择器 所有主流浏览器都支持 :after 选择器. 注释:对于 IE8 及更早版本中的 :after,必须声明 <!DOCTYPE>. :bef ...

  7. 好程序员HTML5前端教程-css的引入方式和选择器

    好程序员HTML5前端教程-css的引入方式和选择器 01.引入css方式(重点掌握) 行内样式 内接样式 外接样式 3.1 链接式 3.1 导入式 css介绍 现在的互联网前端分三层: HTML:超 ...

  8. 外链引入css有哪些方式_HTML+CSS基础(三) CSS的引入方式和CSS选择器

    一.CSS概念: 什么是CSS,CSS说白了就是给页面添加样式,让整个页面变的好看起来的一种东西,用来定义网页外观,如字体.背景.颜色等 二.在页面中使用css的3种常用方式 1.行内样式 就是在一个 ...

  9. 前端:CSS/09/行内框架,CSS简介,CSS选择器,组合选择器,CSS注释,CSS尺寸属性,CSS字体属性,CSS文本属性

    内嵌框架(行内框架,浮动框架) 语法格式:<iframe 属性="值">不支持时的提示信息</iframe> 描述:内嵌框架,相当于在现有的网页中,挖了一个 ...

最新文章

  1. java表或视图不存在_Error querying database. Cause: java.sql.SQLSyntaxErrorException: ORA-00942: 表或视图不存在...
  2. 关于visualizer的setEnabled()方法何时进行设置成false?
  3. 学python可以做什么副业-写代码做副业月入10K的方法都藏在这几个公众号里!
  4. 稳定匹配算法python实现
  5. 软设考试笔记--数据库系统
  6. SHOW INDEX FROM 表名,查看mysql表中有哪些索引
  7. 那些年,乘风破浪的科学家们
  8. 一文搞懂Oracle 0 至 6 级锁(附案例详解)
  9. mysqli得到记录数量
  10. Xgboost通俗理解和总结
  11. matlab 对直方图均衡化,基于直方图均衡化的图像增强技术分析与Matlab实现_直方图均衡化matlab...
  12. 记一次修复Mac和Win7双系统启动菜单的经历
  13. 大话设计模式之爱你一万年:第三章 创建型模式:工厂模式:我想让你坐在宝马里笑:1.工厂模式概念
  14. Kaggle时间序列(Time Series)教程 3-季节性(Seasonality)
  15. Mac 升级ruby版本
  16. 水波纹 android,Android特效之水波纹的实现
  17. 分水岭 matlab代码,分水岭算法MATLAB编程代码解析
  18. RabbitMQ的Queue详解;
  19. 大学生需要云服务器吗?
  20. 循环神经网络 - 卷积神经网络

热门文章

  1. matlab储存指定几个参数,如何在Matlab中使用fittype的多个参数
  2. 四行代码秒解微积分!Python这个模块神了!
  3. 软件工程导论第九到十二章章节复习总结附思维导图
  4. 谷歌又在开发新AI框架!这次瞄准的是:通用人工智能(AGI)
  5. cadence SPB17.4 - allegro - Artwork will be rounded down
  6. 使用Qt进行音视频播放
  7. python中turtle库绘制图形_Python如何使用turtle库绘制图形
  8. 解决Windows因更新导致C盘容量急剧减少
  9. 计算机开机按f1,开机要按F1怎么解决?电脑开机不按F1进去系统的方法
  10. Facebook新闻摘要算法是怎样的