值传递与引用传递 1.赋值1.1 值传递：原始类型，string，number，boollet a = 1; let b = a; console.log('a=%d,b=%d', a, b); // 更新a，b不受影响...

变量声明：let 变量名声明时并且初始化let a=1;更新a=2; 常量 const声明时必须初始化，且不能更新 变量标识符1、字母，数字，下划线，$(不能使用数字开头)2、严格区分大小写3、不能使用关键字保留字 命名方案1、驼峰式2、帕斯卡（大驼...

网格单元的对齐方式只有项目在网格单元中存在剩余空间时，对齐才有意义；1、设置所有项目的对齐方式书写在容器中:place-items: 垂直方向 水平方向；方位词start end center垂直居上，水平居中：place-items: start ...

什么是Grid基于行与列的二维空间布局 网格容器由若干个矩形网格单元构成；使用了属性display: grid就是网格容器；默认是块元素； 网格单元单元格|网格区域 网格项目网格容器中的子元素就是网格项目；默认生成1行N列的容器（N就是项目的数量） ...

效果图html代码 ...

flex简介 flex:弹性盒布局，这是一个针对布局的技术，之前是-table,div,css,position,float等；在flex容器中，所有元素都是行内块；在flex容器中，页面存在二个布局的参考轴，一个叫做主轴（元素的排列），还有一个交叉...

浮动 浮动初心主要解决图文并排显示问题float:left right;向左向右浮动解决父级元素高度塌陷:1、清除浮动：clear:both；2、BFC 给父元素添加overflow: hidden; * { ...

盒模型影响盒子大小的因素padding内边距border边框 将背景色裁切到内容区,让padding可视化background-clip:content-box 盒子尺寸多大小的计算公式:width/height + padding2 +borde...

emem的初始值是用户代理的值 默认是16px 1.什么是em em是浏览器文本的默认字号的相对关键字，通常是16px 1em=16px html font-size是em的基本像素2.用在哪？2.1设置响应式的文本字号 font-size属性...

伪类选择器 状态匹配一、链接：4个状态1、默认没有访问的状态：:link;2、已访问过的状态：:visited;3、鼠标悬停状态:hover;4、激活状态：:active; a:link { color: #cc...

CSS引入方式1、外部引入使用link标签引入使用@import导入 ;@import url(css/style.css) ; 2、内部样式书写在页面style标签中 3、行内样式书写在元素style属性中的样...

内联标签 iframesrcdoc:提示文本 支持html标签对seo不友好适合写后台页面 显示地图 效果图 ...

form action methodaction :处理表单的程序method：表单提交类型 默认GET（数据直接房在url地址中） -POST（表单的数据在请求体中）get适合携带不敏感数据 比如id等敏感数据必须用post 文本框type=”...

表格表格也是用一组标签来描述：table,thead,tbody,tr,td/th所有的数据必须填充到td/th中th是td的plus+，自带了一个加租和居中样式 商品信息表 ...

无序列表 ul+li 牛奶一箱 蛋糕一个 苹果10斤 效果图 有序列表ol+li 牛奶一箱 &l...