id 类标签三大选择器

1）标签选择器

标签选择器其实就是我们经常说的html代码中的标签。例如html、span、p、div、a、img等等；比如我们想要设置网页中的p标签内一段文字的字体和颜色，那么css代码就如下所示：

上面的css样式代码的作用：为p标签内的文字设置颜色为红色，字体的大小为16px；（具体的css样式我们会在后边讲解，这里先了解下即可）

（2）类选择器

类选择器在我们今后的css样式编码中是最常用到的，它是通过为元素设置单独的class来赋予元素样式效果。

使用语法：（我们这里为p标签单独设置一个类选择器.content,代码就如下所示）

详细讲解：

1、类选择器都是使用英文圆点（.）开头；

2、每个元素可以有多个类名，，名称可以任意起名（但不要起中文，一般都是与内容相关的英文缩写）

3、类选择器只会改变类下的元素样式，而不会改变其它标签的默认样式；

我们上边的页面在浏览器上显示的效果就如下所示：（content下的文字内容颜色变成了红色，字体变成了16px）

（3）ID选择器

ID选择器类似于类选择符，作用同类选择符相同，但也有一些重要的区别。

使用语法：

详细讲解：

1、ID选择器为标签设置id=“ID名称”，而不是class=“类名称”。

2、ID选择符的前面是符号为井号（#），而不是英文圆点（.）。

3、ID选择器的名称是唯一的，即相同名称的id选择器在一个页面只能出现一次；

id 类标签三大选择器相关推荐

css层叠引入方式有,前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器...
前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器一丶CSS简介叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTM ...
前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器...
前端1-----CSS层叠样式表了解,css的引入方式,三大选择器(标签,类,id),高级选择器一丶CSS简介叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTM ...
03-CSS操作--CSS操作规范（书写技巧）+通栏布局+标签的注意事项+三大类标签+边距合并问题+图文混排+图像签名+水平居中+垂直居中
一.CSS操作规范 1.CSS书写技巧 (1)最外层是一个<div id="bigDiv">,将所有元素都包进去 (2)去除<body>的外边距(body{ ...
【学习笔记】【oc】类和对象及类的三大基本特征
1.类和对象类是抽象化,对象是具体化. (1)定义类: 分为两个步骤,类的声明:定义类的成员变量和方法:@interface 用于声明定义类的接口部分,@end表面定义结束:. 成员变量的定义:{} ...
Kubernetes：标签、选择器、注解、容忍度、亲和性
在前面的学习中,我们学到了 Deployment 部署,以及副本数(ReplicaSet),但是 Pod 部署到哪个 Worker 节点是随机的,即使有 3个 Woker 和 3个 Pod 副本,不一 ...
html5学习系列之klm类标签
一.旧标签: (1)<kbd>标签作用:定义键盘文本,已经被废弃. (2)<label>标签作用:为inout元素定义标注,特别之处在于它为鼠标用户改进了可用性,如果用户在 ...
html5学习系列之hi类标签
旧标签: (1)<head>标签作用:所有头部元素的容器,必须包含文档的标题(title), 可以包含脚本.格式.meta信息以及其他更多的信息元素内部包含: <title> ...
R语言生成螺旋形（spirals）仿真数据实战：螺旋线型线性不可分数据集、螺旋线型不可分数据集可视化、为散点图中的每个数据点添加类标签信息
R语言生成螺旋形(spirals)仿真数据实战:螺旋线型线性不可分数据集.螺旋线型不可分数据集可视化.为散点图中的每个数据点添加类标签信息目录
spark 类标签的稀疏特征向量
一个向量(1.0,0.0,3.0)它有2中表示的方法密集:[1.0,0.0,3.0] 其和一般的数组无异稀疏:(3,[0,2],[1.0,3.0]) 其表示的含义(向量大小,序号,值 ...

id 类标签三大选择器

id 类标签三大选择器相关推荐

最新文章

热门文章

id 类 标签三大选择器

id 类 标签三大选择器相关推荐

最新文章

热门文章

id 类标签三大选择器

id 类标签三大选择器相关推荐