简单的注册页面
容器属性 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标签中,通过选择器,来设置元...