作业代码

1. HTML代码

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

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

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

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

效果图 HTML

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

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

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

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

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

选择器 选择符 解析 E:first-child 匹配父元素中的第一个子元素 E E:first-child 匹配父元素中最后一个E元素 E:nth-child(n) 匹配父元素中的第n个子元素E E:first-of-typ...