js初体验 变量常量 变量声明let 常量声明const 变量的值是可以变化的并且在声明变量时可以不必初始化 常量的值是固定的并且在声明的时候必须初始化 作用域 代码块的作用域是仅在一对{}中 在外部调用内部的变量就会报错也叫块作用域 ...

演示截图 html代码部分

移动端布局原理三大视口 布局视口：面向开发者和设备没有关系 默认980px 使用width表示视觉视口：设备硬件的显示窗口就是视觉视口用device-width表示理想视口：可以不用缩放就可以看到所有内容的视口就是理想视口/相当于：布局视口 = 视觉...

思路分享 效果图： 先从顶部开始一部分一部分往下写布局方式：分析这一部分可以拆分成几部分 进行构思 用网格来表示看下可以生成几行几列的网格 例如：先写一个大盒子包住 然后在盒子内进行布局 把每块想象成一个盒子左中右三部分细致划分里面的区域左边的盒子...

grid常用属性与实例演示 创建一个网格布局常用的三部 定义一个grid网格容器使用display:grid;画网格（划分网格单元）grid-template-rows创建行/grid-template-columns创建列将项目放置到对应的网格单...

必知术语 术语名称 描述 flex容器 display属性为flex的元素就是flex容器 flex项目 flex容器中的子元素就是flex项目 主轴 控制容器中的项目的排列方向 交叉轴 控制项目在容器中的对齐方式 剩余空...

布局的概念 布局的默认方式是文档流布局，文档流就是从上到下根据书写顺序进行展示的布局方式那么我们想在这个基础上进行打乱就需要改变定位方式脱离出文档流常用术语：定位元素、最初包含块、参照物 术语名称 描述 定位元素 定位元素的意思就是将默...

字体图标的引用和自定义样式字体图标下载 字体图标引用. 在上方网站选择好自己需要的图标后进行下载在项目中进行导入通常会选择自己新建一个css文件进行引入图标库挑选相应图标并获取类名，应用于项目页面 自定义字体图标样式 给图标添加一个自定义类名在...

结构伪类 结构伪类：通常是HTML代码中用来选择某一个元素下面的子元素的伪类选择器，例如我们想找到一个ul下面的第5个li元素 nth-of-type(an+b):通常括号内可以填一个索引填几就是选中第几个 an+b a是系数 n是参数变量 b是偏...

表单中的常用控件 表单中的标签 标签 描述 form 在HTML中创建一个表单使用一对form input 用于搜集用户信息，可以通过type属性定义形式例如文本框，单选按钮，复选框等 select 用于创建一个下拉列表 内有一...

样式来源1.内联样式 ...

HTML元素属性/应用场景 元素属性有四种分别是通用属性、预置属性、事件属性、自定义属性 1.通用属性 通用属性有三个分别是id、class、style 通用属性是基本所有元素都可以使用的 id：通常为元素的唯一属性 注意：此“唯一”是用户自己判定...

HTML文档结构详解 ...