HTML 基本选择器

基本选择器 : 标签选择器 , 类选择器 , ID选择器

1, 标签选择器

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>标签选择器</title><style>p{/*自由加属性和各种样式*/color: red;/*字体颜色*/font-size: 20px;/*字体大小*/}</style>
</head>
<body><p>我叫徐英岳</p></body>
</html>

标签选择器是直接用标签然后在大括号里面写值,如上面我写的<p></p>标签

里面写值或样式,根据自己的需要加样式

}

图片展示如下

2.类选择器

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>类选择器</title><style>.a{/*自由加属性和各种样式*/color: yellow;/*字体颜色*/font-size: 20px;/*字体大小*/}</style>
</head>
<body><div class="a">我叫徐英岳</div></body>
</html>

使用类选择器的时候如上面我写的一个<div></div>的盒子里面加个class="a",

用class的a这个名字,名字前面一定要加点

.a{

里面写值或样式,根据自己的需要加样式

}

效果如下

3.id选择器

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>id选择器</title><style>#a{/*自由加属性和各种样式*/color: blue;/*字体颜色*/font-size: 20px;/*字体大小*/}</style>
</head>
<body><div id="a">我叫徐英岳
</div></body>
</html>

如果需要用id选择器如上我写的,<div></div>里面要加 id="你起的名字".我这里写的a,一定要加#号

#a{

里面写值或样式,根据自己的需要加样式

}

基本选择器 : 网页选择器核心
1.标签选择器: 直接拿标签名作为选择器的名字使用
作用: 当前网页中所有该标签都有效
2.ID选择器: 一个网页中指定一个效果只能用一次
写法: 给标签加 id="值",#值{声明};
3.类选择器:指定一个样式可以多次使用
写法:给标签加class="值", . 值{声明};

加油,我们明天见!!!!!!!!!

HTML 基本选择器相关推荐

CSS 选择器：BeautifulSoup4解析器
和 lxml 一样,Beautiful Soup 也是一个HTML/XML的解析器,主要的功能也是如何解析和提取 HTML/XML 数据. lxml 只会局部遍历,而Beautiful Soup 是基 ...
xpath选择器简介及如何使用
xpath选择器简介及如何使用一.总结一句话总结:XPath 的全称是 XML Path Language,即 XML 路径语言,它是一种在结构化文档(比如 XML 和 HTML 文档)中定位信息 ...
css选择器及float(浮动)
--------------------------选择器( css有就近原则)------------------------------- 选择器名称在css表的 ...
html5类选择器选择权重,Python Html5和CSS3的新增功能：CSS权重与CSS3新增选择器
一.CSS权重概念 CSS权重概念:指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式. 二.权重的等级 2.1.权重的等级划分 ...
浅谈对html css的理解,HTML+CSS入门 CSS选择器、属性和值浅谈
body { font-size: 0.8em; color: navy; } 上面的意思是为body选择器设置font-size字体大小和color字体颜色. 所以基本的,当它作用与HTML页面时, ...
php表单偶数变颜色,利用CSS3 nth-child()选择器实现表格奇偶行变色
nth-child()简介 CSS3的nth-child() 选择器,我之前很少用,在做表格偶数行变色的时候,我通常在绑定的时候,做一个js判断,来加一个css,从而使表格偶数行和奇数行颜色不一样.这 ...
FPGA（3）验证数字逻辑（与门、与非门、二选一数据选择器、2-4译码器、半加器、全加器）
目录一.验证与门二.验证与非门三.验证二选一数据选择器四.验证2-4译码器五.验证半加器六.验证全加器 0.初始化定义 1.第一个半加器 2.第二个半加器 3.得到最终进位Co 代码 0决 ...
【代码笔记】Web-CSS-CSS id和Class选择器
一,效果图. 二,代码. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
任务二：1、选择器 2、连接集中状态的顺序 3、浮动的用发和原理 4、盒模型在IE和Google等不同浏览器的区别与联系...
1.选择器类型标签选择器,类选择器,ID选择器,组合选择器,伪类和伪元素,属性选择器,子选择器,同胞选择器, :not()选择器 1.同胞选择器相邻同胞标签: h2 + p{ color:red; ...
jquery选择器的使用方式
1.基本选择器选择器描述返回示例代码说明 1 id选择器根据指定的id匹配元素单个元素 $("#one").css("background",&q ...

HTML 基本选择器

HTML 基本选择器相关推荐

最新文章

热门文章