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{内容} 父子关系用“ > ” 来操作兄弟关系用“ + ” 来操作重复生成用“ * ” 来操作序号： $...

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

/* 百(id) 十(class) 个（tag） *//* 0,0,1 */h1{ color: green;}/* 0,0,2 */body h1{ color: limegreen;}/* 0,1,0 */.h{ color: ...

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

MarkDown格式HTML 文件``` JS 文件```const app='商城' PHP 文件```$var = 22; 表格显示 姓名 性别 年龄 张三 男 52 李...

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、排列顺序 /* 按照列排...