通用元素选择器 id选择器： class选择器： 组合选择器： div p{} 第一种：div元素后代的p元素 div下的p标签进行操作 匹配outer元素下的子元素c1 而下一级的即不同级的元素不算，即大于号后面就是儿子这一代的元素 ...
分类：
Web程序 时间：
2020-07-03 10:39:18
阅读次数：
82
Container 布局容器 用于布局的容器组件，方便快速搭建页面的基本结构： <el-container>：外层容器。当子元素中包含 <el-header> 或 <el-footer> 时，全部子元素会垂直上下排列，否则会水平左右排列。 <el-header>：顶栏容器。 <el-aside>：侧 ...
分类：
其他好文 时间：
2020-07-01 19:55:11
阅读次数：
46
涉及到的选择器有：后代选择器，子元素选择器，交集选择器，并集选择器。 为什么要学习复合选择器? 更准确更精细地选择目标元素标签。 什么是复合选择器？ 由两个或多个基础选择器，通过不同方式组合而成的。 后代选择器（包含选择器） 看后代这两个字，说明这个选择器是用来选择元素的子孙后代的。 使用示例： h ...
分类：
Web程序 时间：
2020-07-01 14:30:39
阅读次数：
520
在解释BFC之前，先说一下文档流。我们常说的文档流其实分为定位流、浮动流和普通流三种。而普通流其实就是指BFC中的FC。FC是formatting context的首字母缩写，直译过来是格式化上下文，它是页面中的一块渲染区域，有一套渲染规则，决定了其子元素如何布局，以及和其他元素之间的关系和作用。常 ...
分类：
其他好文 时间：
2020-06-30 17:42:29
阅读次数：
57
文档流 所有的元素默认情况下都是在文档流中存在的 文档流是网页的最底层 元素在文档流中的特点： 块元素 1.默认宽度是父元素的全部 2.默认高度被内容（子元素）撑开 3.在页面中自上而下垂直排列 内联元素 1.默认高度和宽度都被内容撑开 2.在页面中自左向右水平排列，如果一行不足以容下所有的元素 则 ...
分类：
其他好文 时间：
2020-06-30 10:48:12
阅读次数：
49
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>测试模板</tit ...
分类：
其他好文 时间：
2020-06-29 15:28:43
阅读次数：
40
跑 ... css3新增选择器 基本选择器选择器 子元素选择器 [父元素 > 子元素] 选择父元素下子元素 相邻兄弟选择器 [子元素1 + 子元素2] 匹配子元素1紧跟在后面的子元素2，他们必须有一个相同的父元素 通用兄弟选择器 [子元素1 ~ 子元素2] 匹配子元素1后面的所有元素2的所有元素，他 ...
分类：
Web程序 时间：
2020-06-29 00:15:48
阅读次数：
103
常见符号： #表示id .表示class >表示子元素，层级 一个空格也表示子元素，但是是所有的后代子元素，相当于xpath中的相对路径 实例如下： //#input 选择id为input的节点 //.Volvo 选择class为Volvo的节点 //div#radio>input 选择id为rad ...
分类：
Web程序 时间：
2020-06-28 22:47:52
阅读次数：
101
想给百度云视频加速，可是 shadow-root （closed） 下的元素没有办法访问和修改。所以video获取不到，想了半天，发现可以往里面加html代码来实现元素访问。实现原理，element 对象的两个属性parentNode 返回父级元素firstChild 返回元素的首个子元素 chor ...
分类：
其他好文 时间：
2020-06-28 09:43:53
阅读次数：
86
区别： E F:nth-child(n)表示：选择父元素E的第n个子元素F，（n可以是1、2、3 ），关键字为even、odd。 E F:nth-of-type(n)表示：选择父元素内具有指定类型的第n个F元素。 使用场景： E F:nth-child(n)表示：在父级里从一个元素开始查找，不分类型 ...
分类：
其他好文 时间：
2020-06-25 23:34:53
阅读次数：
135
