HTML CSS

1.热门品牌 1.1热门品牌头部盒子 结果： 1.2 热门品牌模块 结果： 1.3 生鲜模块 111

1.案例——轮播图 1.1 javascript 作用：点击，不需要跳转页面，但又需要交互效果的，使用 'javascript:;' 1.2 position: absolute; 作用：使用posi

1. Webpack 1.1 Webpack定义 1.2 Webpack的使用 111111111

1定位 1.1相对定位（不脱标） 1.2绝对定位（脱标） 绝对于最近一级的长辈盒子 1.3 子绝父相 孩子绝对，父亲相对 1.3.1 案例——定位居中 结果： 1.3.2（1.3.1的改进版 也最常使

1 弹性盒子换行 1.1 实现重点 ·使用justify-content: space-between;实现主轴对齐 ·使用margin-bottom: 14px;实现小li上下间隙 ·使用flex-

1.标准流 1.1 浮动（了解） 块级元素默认独占一行垂直显示，浮动的作用是让块级元素水平排列 结果：

1 选择器 1.1 结构伪类选择器 结果： 1.2 结构伪类公式 1.3 伪元素选择器 ·伪元素权重：1 ·伪元素属于行内元素 所以没有大小（除非转换为块级） ·注意：伪元素的标签不是通过html创建

1 拷贝 1.1 复制拷贝 结果： 两个对象都被更改了 原因： 简单的赋值拷贝只单纯的复制了地址，但堆中的空间是同一个，所以修改其中一个的话，会影响所有对象 1.1 浅拷贝 结果 1.2浅拷贝注意事项

1.选择器 1.1 复合选择器 1.1.1 后代选择器 注意：后代选择器执行代码的时候，先执行孩子，后执行父亲；即先找到li后找到ul 结果: 1.1.2 子代选择器 结果： 1.1.3 并级选择器

1.CSS 1.1初识CSS 示例： 1.2 CSS引入方式 1.2.1 html中引入外部css文件使用情景是当css对象以及对象样式过多，html文件内部比较冗杂，所以在外部写入css文件，再通过

列表、表格、表单 1.列表 1.1 无序列表(有序、无序、自定义列表都默认独占一行，可通过js语句改变布局) 作用： 布局排列整齐的不需要规定顺序的列表 标签： ul嵌套li，ul是无序列表，li是列

1 HTML基本骨架 2 标签关系 3 HTML的注释 4 标题标签 效果： 5 段落标签 6 换行和水平线标签 6.1 br标签(单标签)和 hr标签（单标签） 效果： 7 文本格式化标签 效果：