字体图标 阿里图标: https://www.iconfont.cnFont Awesome: https://fontawesome.dashgame.com Unicode 方式/* 安装自定义字体 */@font-face { /* 字...

作业代码

px (像素) 绝对单位,不会随浏览器页面大小的变化而变化px是像素（pixel）的缩写 % (百分比) 相对长度单位：相对于父元素的百分比值，若父元素宽高改变，子元素会随之改变场景使用：如果是随着父容器或者是整体页面布局而改变尺寸，则使用%更好，如...

1. HTML代码

// 一、实例演示class类与extends,super等的用法// 父类let Small_Head_Dad = class { // 构造函数:声明属性 constructor(name) { this.name = ...

伪类 选择器 例子 例子描述 :active a:active 选择活动的链接。 :checked input:checked 选择每个被选中的元素。 :disabled input:disabled 选择每个被禁用的元素。 ...

控制台指令 console.log(data): 查看数据(支持模板和 CSS)console.dir(obj): 树形可折叠查看对象结构console.table(obj): 表格方式查看对象console.error(msg): 输出错误警告co...

浏览器 谷歌浏览器(虽然好用, 但是谷歌禁止大陆访问, 经常需要翻墙下载插件或同步书签)360极速浏览器 (和谷歌浏览无区别,也是我常用的浏览器) php本地开发环境套件 phpEnvphpStudy 编辑器 NodePad++Visual Stud...

/* 作业内容：1. 实例演示不同的数组类型与访问方式2. 实例演示分支的不同类型,注意else的本质 */// 一、实例演示不同的数组类型与访问方式// 1.创建有三个元素的数组console.log('-----------访问数组-------...

// 数组的解构let [uname, email] = ['杨过', '123456@qq.com']console.log(uname, email);[uname,...arrs] = ['小龙女', '123456@qq.com' , '女'...

实例         &nbs...

手机/平板效果图PC端效果图CSS样式* {     margin: 0;     padding: 0;   &nbs...

flex属性结构图 父元素容器属性: flex-flow : 的简写, 设置容器主轴方向和是否换行place-content : 的简写, 设置项目在”主轴”上的对齐方式（多行）pla...