css 标记选择器,CSS标记选择器
在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标记选择器相关推荐
- css 选择器(标签选择器、类选择器、层级选择器、id选择器、组选择器、伪类选择器、通配符选择器)
css 选择器的定义 css 选择器是用来选择标签的,选出来以后给标签加样式. css 选择器的种类 标签选择器 类选择器 层级选择器(后代选择器) id选择器 组选择器 伪类选择器 通配符选择器 标 ...
- html中选择样式,html中css三种常见的样式选择器 zz
1:标签选择器 标签选择器,是所有带有某种标签的都生效.这里以p为例,也就是所有的带有p标记的都会这样的样式 p{font:"宋体"; color:#FF0000} 我现在表现的是 ...
- 使用css的类名交集复合选择器
首先先看一下基本定义: 复合选择器就是两个或多个基本选择器,通过不同方式连接而成的选择器,主要包括"交集"选择器."并集"选择器."后代"选 ...
- CSS:基本概念、选择器、伪类伪元素
基本概念 HTML使用结构化标记的理由:易于建立内容索引.增加文档可用性.增加可访问性.易于维护. 元素(element):文档结构的基础,每个元素生成一个框(box)其中包含元素的内容, 元素的两 ...
- CSS基础(part2)--CSS选择器
学习笔记,仅供参考,有错必纠 文章目录 CSS CSS语法 CSS简单属性 CSS注释 CSS选择器 通配符选择器 ID选择器 类选择器 CSS复合选择器 标签指定式选择器(既...又...) 后代选 ...
- CSS :before :after 伪类选择器
CSS :before :after 伪类选择器 所有主流浏览器都支持 :after 选择器. 注释:对于 IE8 及更早版本中的 :after,必须声明 <!DOCTYPE>. :bef ...
- 好程序员HTML5前端教程-css的引入方式和选择器
好程序员HTML5前端教程-css的引入方式和选择器 01.引入css方式(重点掌握) 行内样式 内接样式 外接样式 3.1 链接式 3.1 导入式 css介绍 现在的互联网前端分三层: HTML:超 ...
- 外链引入css有哪些方式_HTML+CSS基础(三) CSS的引入方式和CSS选择器
一.CSS概念: 什么是CSS,CSS说白了就是给页面添加样式,让整个页面变的好看起来的一种东西,用来定义网页外观,如字体.背景.颜色等 二.在页面中使用css的3种常用方式 1.行内样式 就是在一个 ...
- 前端:CSS/09/行内框架,CSS简介,CSS选择器,组合选择器,CSS注释,CSS尺寸属性,CSS字体属性,CSS文本属性
内嵌框架(行内框架,浮动框架) 语法格式:<iframe 属性="值">不支持时的提示信息</iframe> 描述:内嵌框架,相当于在现有的网页中,挖了一个 ...
最新文章
- java表或视图不存在_Error querying database. Cause: java.sql.SQLSyntaxErrorException: ORA-00942: 表或视图不存在...
- 关于visualizer的setEnabled()方法何时进行设置成false?
- 学python可以做什么副业-写代码做副业月入10K的方法都藏在这几个公众号里!
- 稳定匹配算法python实现
- 软设考试笔记--数据库系统
- SHOW INDEX FROM 表名,查看mysql表中有哪些索引
- 那些年,乘风破浪的科学家们
- 一文搞懂Oracle 0 至 6 级锁(附案例详解)
- mysqli得到记录数量
- Xgboost通俗理解和总结
- matlab 对直方图均衡化,基于直方图均衡化的图像增强技术分析与Matlab实现_直方图均衡化matlab...
- 记一次修复Mac和Win7双系统启动菜单的经历
- 大话设计模式之爱你一万年:第三章 创建型模式:工厂模式:我想让你坐在宝马里笑:1.工厂模式概念
- Kaggle时间序列(Time Series)教程 3-季节性(Seasonality)
- Mac 升级ruby版本
- 水波纹 android,Android特效之水波纹的实现
- 分水岭 matlab代码,分水岭算法MATLAB编程代码解析
- RabbitMQ的Queue详解;
- 大学生需要云服务器吗?
- 循环神经网络 - 卷积神经网络
热门文章
- matlab储存指定几个参数,如何在Matlab中使用fittype的多个参数
- 四行代码秒解微积分!Python这个模块神了!
- 软件工程导论第九到十二章章节复习总结附思维导图
- 谷歌又在开发新AI框架!这次瞄准的是:通用人工智能(AGI)
- cadence SPB17.4 - allegro - Artwork will be rounded down
- 使用Qt进行音视频播放
- python中turtle库绘制图形_Python如何使用turtle库绘制图形
- 解决Windows因更新导致C盘容量急剧减少
- 计算机开机按f1,开机要按F1怎么解决?电脑开机不按F1进去系统的方法
- Facebook新闻摘要算法是怎样的