1.数据类型及其访问方式数据类型分为基本类型和引用数据类型 1.1 基本类型访问及其判断 // 1. 值类型（基本类型） // 1.1 数字类型 Number let num = 10; // 1.2 字符串类型 String...

1.分析页面结构 我们要做的页面就是红色方框中的页面，我是这样分析的： 先看整体页面，body有背景色，在完成初始化工作以后就可以设置body了 整个大容器，有白色的背景，大容器分为两部分：标题栏和图文区 标题栏和图文区分别用容器（div）包裹起来...

1. 仿某影视网站此次布局引入了阿里字体图标，然后新建了index.html和index.css，在没有新建一个公共样式表的情况下，看看代码量，如下： index.html: ...

1. PC端布局方案这里我运用Flex的知识做一个PC端的通用布局，适当加个导航条在顶部，布局样式如下： 代码如下： /* 初始化 */ * { margin: 0; padding: 0; box-si...

1. 基于浮动的二列布局示例如下： /* 初始化 */ * { margin: 0; padding: 0; box-sizing: border-box; } /* 给顶部和底部设置一个固定高...

1.背景控制CSS背景属性用于定义HTML中元素的背景 以下是背景控制中常用属性： background-color:定义元素的背景颜色，示例如下： background-image:定义元素的背景图片，示例如下： background-r...

1.浮动元素的高度塌陷一个元素，一旦浮动起来，就会脱离文档流，父容器就包不住它了，因此，也会产生一系列的问题，对整体页面布局是有影响的，当然也会有很多的解决方案，下面就举例演示来看看。 高度塌陷 先看看塌陷是一个什么样的效果，举例如下： 先写好代码...

1. 什么是盒模型html中的每个元素，我们都可以看做是一个盒子，在开发工具中可以很直接的看出来，比如我先写一段代码，来看看在开发工具中怎样显示的盒模型： /* 给div加上宽度，高度和背景色，页面就能显示 */ div { ...

1. 用表格实现购物车 表格中常用标签的认识： 标签名 标签含义 ... 用来定义表格 ... 设置表格标题 ... 表示表格的表头部分 ...

1. CSS选择器的意义为了对HTML中的元素实现一对一、一对多或者多对一的控制，我们需要用到CSS选择器，学习它，能够很好的对HTML中元素的样式进行控制，让页面变得更加美观，清晰，也能让我们的代码页面变得更加简洁，可读性更高！ 2. 选择的分类根...

导航下拉菜单的实现 使用以下几个知识点： 链接 + 无序列表 + 事件监听 + 事件委托 先写html。先看看我们要实现的效果，如下图： 直接上代码把： 设计之家...