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

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

let b = 11000; console.log(b); // 变量用小写字母，变量标识：可以用字母、数字、下划线、$符，但不能以数字开头 let bl = '变量'; // 常量用大写字母，常量标识：大写字母之间...

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...

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

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

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

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

盒子有两种 1、块级：宽度总是占父级的全部宽度，高度由内容决定。可以自定义宽和高 2、内联级：高度是内容高度，宽度是内容宽度 .box{ width: 200px; height: 200px...

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

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