定位的几种方式 默认定位(static)：块级元素，默认显示属性 相对定位(relative)：在文档流中，相对于自已的定位 绝对定位(absolute)：不在文档流中，相对于定位父级 固定定位(fixed)：不在文档流中，相...

1、创建grid容器 display:grid;2、设置容器中单元格的数量 grid-template-rows: repeat(3,10em);grid-template-columns: repeat(3,10em);3、排列顺序 /* 按照列排...

flex容器上必知的3个属性flex-flow:主轴，换行 place-content:剩余空间分配方式 place-items：交叉轴对齐方式 flex项目上必知3个属性flex 项目缩放与宽度 order 主轴排列顺序 p...

视觉视口：用户在自已的手机、电脑、平板等设备上看到的页面，用户只能通过缩放，或托动来查看更多内容，该视口与具体的终端设备相关 解决方案：修改布局视口的宽度，让它等于视觉视口 布局视口：width视觉视口：device-width理想视口：布局视...

选择器种类1 标签 选择器2 属性 选择器3 群组 选择器4 通配 选择器 上下文 选择器种类/* 1 子元素 : > */ul > li{}/* 2 后代元素 : 空格 */ul li{}/* 3 相令兄弟 : + */ul li+*{ /*...

CSS样式 * { margin: 0; padding: 0; box-sizing: border-box; } li { list-style: none; } a { color: #474747; ...

html{ font-size: 100px; } button{ background-color: aqua; color: rgb(4...

v-bind:属性名 简写:属性名 v-bind:style=”” v-bind:class v-on:事件名 简写:事件名 v-on:click v-on:input

html代码 item1（项目：就是flex容器的子元素） item2（项目：就是flex容器的子元素）

vscode下的各种插件插件：live server 实时显示编辑文件内容 联写：”editor.fontLigatures”: false 插件：Dracula Official 吸血鬼主题编辑窗口主题 darcula official目录窗口...

/ 状态伪类:当选择得目标对象状态发生改变后,进行什么样的样式设置 / .list > li.first{ color: blueviolet; } .list > li:nth-of-type(1){ ...

1、ID、CLASS属性是用来描述标签的box DIV是默认标签，可以不写div 例如： #id{内容} 父子关系用“ > ” 来操作兄弟关系用“ + ” 来操作重复生成用“ * ” 来操作序号： $...