【CSS】标签选择器、类选择器和ID选择器的区别

1.标签选择器

标签选择器中的“标签”指的是HTML标签，such as：a、span、div、p、li、img等。

格式举例：

....

div{backgroud-color:red; font-size:16px;}

....

<div>...</div>//就会按标签里写的格式显示

2.类选择器

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

格式举例：

....
<style>
.center
{
text-align:center;
}
</style>
</head>

<body>
<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p>
</body>
....

3.ID选择器

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

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

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

格式举例：

....

<body>
<p id="para1">Hello World!!!</p>

.....

【CSS】标签选择器、类选择器和ID选择器的区别相关推荐

id jquery选择器开头_HTML的id选择器类选择器
一.问题:我们前面讲了标签选择器有一个缺陷就是它不加选择的把所有相同的标签全都变成统一样式,这对于我们个性化定制产生了阻碍,因此我们便引出了id选择器,来进行特别指定进行配置样式二.id选择器 1. ...
html+id选择器如何使用方法,id选择器_HTML+CSS前端基础知识教程_腾讯视频
更多资料源码请加3252897743第1天 html 1.HTTP协议 2.html是纯文本3.html骨架4.DTD文档类型5.head标签6.body标签7.html基本语法8.h系列的标 ...
js获取Id，标签，类的几种选择器
//获取标签方法function $(TagName){return typeof TagName==="string" ? document.getElementsByTagNa ...
id选择器、标签选择器、类选择器、交集选择器、并集选择器
通过id选择器获取元素点击按钮显示效果 <!DOCTYPE html> <html lang="en"> <head><meta char ...
CSS选择器（id选择器，包含选择器，标签名选择器，类选择器，属性选择器，通配符选择器，伪类选择器，相邻选择器，选择器的优先级，子选择器）
CSS选择器 HTML:定义网页元素 CSS:美化网页元素,控制HTML标签展示样式 CSS与HTML相结合,结合方式如下: (1)内联样式:CSS代码复用性太低,书写凌乱,不推荐,缺点就是一次只能控 ...
选择器（标签、类、多类名、id、通配符、伪类）
标签选择器标签选择器:按标签名称分类基本语法格式: 标签名{属性1:属性1;属性2:属性2:}或元素名{属性1:属性1:属性2:属性2:} <style type="text/c ...
html类选择器和id选择器,CSS Id 和 Class选择器
CSS Id 和 Class选择器如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器. 一.id 选择器 id 选择 ...
学习记录 --【零基础CSS学习】03.ID选择器和类选择器
目录一.ID选择器二.类选择器一.ID选择器 1.id属性是标准属性,任何元素都可以有id属性. 2.使用id选择器时,要在id值前加上"#" 3.id选择器只能选中一个元素 ...
CSS基础学习六：id选择器
一id选择器示例 id选择器允许以一种独立于文档元素的方式来指定样式.在某些方面,id选择器类似于类选择器,不过也有一些重要差别. 语法首先,id选择器前面有一个 # 号,也称为棋盘号或井号. 请 ...
ID选择器与Class类选择器区别
class和id选择器得区别:class选择器的值不是唯一的,我可以在多个标签共用一个class名 ID选择器: <!DOCTYPE html> <html><head& ...

【CSS】标签选择器、类选择器和ID选择器的区别

【CSS】标签选择器、类选择器和ID选择器的区别相关推荐

最新文章

热门文章