1. 变量与常量的区别 1-1.let变量 let变量禁止重复声明，可更新。 // 声明 let userName; console.log(userName); // 声明时并...

1.项目在网格单元对齐方式 place-items设置容器中的所有项目在网格单元中的对齐方式项目在网格单元中默认是拉伸的，只有项目在网格单元中存在剩余空间时，对齐才有必要且有意义 place-items: 垂直方向 水平方向；

1.箭头函数 箭头函数是用来简化匿名函数的语法糖=> 胖箭头-> 小箭头 // => 胖剪头 // -> 小箭头 let id = 'C888'; let name = '电脑'; ...

1.数组与对象的解构 对象结构 ({ name, age } = { name: '吴彦祖', age: 28 }); console.log(name, age); 数组解构 const colors = ['red', 'b...

js常用数据类型，变量和常量的声明与赋值1.js的常用数据类型 原始类型：值传递、数值、字符串、布尔、undefind、null、symbol 值传递 // 值传递 let a = 100; b...

grid常用属性意义及实例演示1. grid属性 1.网格容器：由若干个矩形网格单元构成2.网格项目：网格容器的子元素，必须放在网格单元中3.网格单元：由单元格和网格区域两种表现形式4.网格轨道：由多个网格单元组成，根据排列方向有“行轨”和“列轨”之...

仿京东移动端首页 演示截图 Html代码

flex容器与项目的常用属性实例演示1. flex容器常用属性 flex容器 描述 属性 flex-flow 主轴方向与换行 row/column norap/wrap justify-content 项目在主轴上的对齐方式 默认：f...

定位的类型与应用场景和使用条件、实现一个模态框1.定位的类型定位的类型:静态定位static,相对定位relative,绝对定位absolute,固定定位fixed 1.静态定位:position(static)默认,也就是文档流的定位,元素的显示位...

box-sizing属性和元素居中方式1. box-sizing属性 box-sizing属性定义了如何计算一个元素的总宽度和总高度，它有以下两个值1.content-box是默认值，如果设置一个元素的宽为100px，name这个元素的内容区会有10...

em、rem的原理与应用场景、rem/em/vh/vw区别于联系1.em、rem的原理与应用 1.px是固定像素，一旦设置了就无法因为适应页面而改变2.em和rem相对于px更具有灵活性，因为它们长度不是定是的，更适用于响应式布局 2-1.em和re...

css伪类选择器状态匹配、选择器的优先级提权、字体的属性简写、盒子模型缩写方案1. css伪类选择器：状态匹配 链接四种状态，顺序是固定的1.默认状态，没访问过：a:link {...}2.已访问过状态：a:visited {...}3.悬停状态：...

css引入方式与上下文选择器 伪类结构相关1.css三种引入方式 CSS引入三种方式:内部样式表、外部样式表、行内样式内部样式：仅对当前页面的元素有效，使用style标签外部样式：适用于所有引用了这个css样式表的html文档，使用link标签行内样...

1211-自测题题目： html元素，标签和属性之间的关联与区别？为什么说html是结构化的文档?表单控件中的name属性为什么非常重要？为什么现在都不再使用表格进行页面布局了？一个元素，最终呈现的样式，由几方面的因素决定的 1.html元素，标签...

1210-iframe与css初识1.iframe内联框架的工作原理 ...