em、rem、vh和vw单位的区别与使用场景em与rem之间的区别em与rem是代码中字体大小，长度大小的单位，em设置根元素字体大小，如果需要根据根元素改变的元素，大小长度单位需要用rem如下代码所示：html { font-siz...

列表，表格和表单的使用列表分为有序列表、无序列表表和自定义列表如下代码所示： html Css Javascript

京东商城实例代码如下： header { height: 5em; background-color: lightcoral; color: white; display: flex; padding: 1em;}/* 菜单按钮 */hea...

position定位模态框position定位可以分为 1.静态定位static系统默认的文档流定位方式； 2.relative 相对定位，相对于本身位置的偏移； 3.absolute 绝对定位，相对于离自己最近的定位元素（position值为...

box-sizing和常用的居中方式box-sizing是为了解决padding和border改变盒子本身大小而出现的属性，它有两个值 1.content-box 与之前的标准盒子一样； box-sizing:content-box; 2.borde...

grid基础属性 1.网格容器：有如干个矩形的网格单元构成； 2.网格项目：网格容器的子元素，必须放在网格单元中； 3.网格单元：有“单元格”和网格区域两种表现形式； 4.网格轨道：有多个单元格组成，根据排列方向有行轨和列轨之分； 5.轨道间距：容器...

grid对齐方式及PHP.cn首页模块  grid的对齐方式分为居中对齐（水平和垂直），两端对齐（between），左对齐start，右对齐end；   其中写容器当中的对齐属性及值如下所示：place-con...

轮播图与懒加载轮播图代码如下：

构造函数、原型和Dom操作  任何一个函数都有一个原型：prototype，prototype 对于普通函数没用，对构造函数才有用，构造函数是“对象的工厂”，是用来创建对象的，对象也叫实例 ；   构造函数必须...

iframe实例简易后台及CSS样式四种来源  iframe与a标签，配合使用写简易后台，iframe 里边的name属性值等于a标签的target属性值，这样a标签href属性跳转的地方就会在iframe内联框架中显示； &nb...

值传递、数组对象的解构和多分支控制  赋值分为值传递和引用传递，值传递用于原始类型，string number bool 值传递更新相同的变量不影响同类引用传递是用于引用类型 object array更新一个值以后相关联的也会改...

html 标签理解及应用html 标签可以分为单标签和双标签，都是文档流的元素，段落和标题标签 ，如下所示标题标签为 h1-h6，常用为 h1-h3。 例如，HtmlCss3Javascript a标签a标签是整个网页的灵魂元素，因...

flex弹性盒子弹性盒布局,这是第一个针对布局的技术,之前是table,div,css,position,float都是布局元素，在flex眼中,所有元素都是: 行内块,flex,页面存在二个布局的参考轴,一个叫主轴(元素的排列),还有一个交叉轴,控...

数组常用方法  数组的常用方法如下代码所示 //栈方法，后进先出（在数组尾部进行的）push() pop();队：先进新出（在数组头部进行的）unshift() shift() let arr = []; ...

JavaScript 基础变量声明和函数Js变量常量的声明及区别  js变量ES6之前的版本用var声明，ES6之后用，let声明，列如：let sum;，也可以声明和初始化一块做列如：let sum=20;，变量不可以重复定义，...