简单的注册页面

容器属性 display:grid：指定容器采用网格布局grid-template-rows：定义行和行高grid-template-columns：定义列和列宽grid-auto-rows：设置多余项目网格的行高grid-auto-columns：...

flex弹性布局Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 容器属性 flex-direction 决定主...

类数组类数组是一个对象，只不过很像一个数组，类数组也有 lenght 属性，但是类数组并不具备数组的原型方法，所以类数组不能使用数组的方法 常见的类数组：argments（函数的参数集合），Nodelist（节点列表），HTMLCollection...

PHPPHP（“PHP: Hypertext Preprocessor”，超文本预处理器的字母缩写）是一种被广泛应用的开放源代码的多用途脚本语言，它可嵌入到 HTML中。PHP 能做任何事。PHP 主要是用于服务端的脚本程序，因此可以用 PHP 来完...

函数的参数与返回值 函数的返回值默认是单值return 字符串/变量/表达式;如果需要返回多个值可以返回一个数组 使用…rest参数将多个参数压入一个数组返回function webShell(...shell) { return shell;} ...

使用HTML标签制作简单的导航和课程表1.制作简单的图文列表

三个视口 想要深入理解视口首先要知道什么是物理像素，什么是CSS像素/设备独立像素（density-independent pixel）以及什么是设备像素比 物理像素（physical pixel）一个像素是设备屏幕上最小的物理显示单元，每个像素...

轮播图 const bgimg = [ "1 (1).jpeg", "1 (2).jpeg", "1 (3).jpeg", "1 (4).jpeg", ...

作用域 全局作用域函数作用域

数据类型JavaScript 的数据类型，可以大致分为以下几种: 数值（number）：整数和小数（比如1和3.14）字符串（string）：文本（比如Hello World）布尔值（boolean）：表示真伪的两个特殊值，即true（真）和fal...

购物车 思路：利用单选按钮的事件进行判断，如果单选按钮事件属性返回false，就用动态渲染的总价减去单品的总价，反之就相加 function selectall() { // 选择当前单选框的状态 let s...

定位基础 基础术语 定位元素：使用了position: relative / absolute / fixed的元素最初包含块：html标签的父级，是看不见的，大多数情况下与浏览器视口表现一致，但不相同参照物：元素自身，祖先定位元素，最初包含块 定位...

CSS样式来源和优先级 CSS有三种样式：内联样式，内部样式，外部样式样式优先级为：内联样式>内部样式>外部样式 内联样式在标签内部通过style属性设置元素样式我是内联样式 内部样式把样式写到head标签中的style标签中，通过选择器，来设置元...