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

变量和常量 变量是对值的具名引用，变量就是为“值”起名，然后引用这个名字，就等同于引用这个值。变量的名字就是变量名。变量的声明和赋值是分开的两个步骤var a =1;// 第一步var a;// 第二步a = 1;// 变量let a = 1;c...

实例 为了方便直接在我的博客站里创建了子目录方便观看 DEMO网站，请用手机打开http://blog.sofresh.top/0718/suning.html 代码 &...

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

效果图 代码

容器属性 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 决定主...

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

字体图标 流程 引入字体 css 文件引入图标类，修改图标编码修改字体图标样式

伪类选择器常用伪类选择器我们简单分为三种 结构伪类 :nth-of-type(n)选择器匹配同类型中的第n个同级兄弟元素。参数是元素的索引。索引从1开始n可以是一个数字，一个关键字，或者一个公式使用公式（an+ b）.描述：a代表一个循环的大小，N是...

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

简单的注册页面

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

markdown基础语法1.标题语法# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题#号越多标题字体越小，尽量只用一到三级标题2.列表语法2.1无序列表 无序列表使用-，+，*加上空格和内容，可以...