Web前端HTML5&CSS3

十九、弹性盒简介 可以参考：https://www.cnblogs.com/zhaostudy/p/16558810.html 1、基本概念 弹性盒 flex（弹性盒、伸缩盒） 是css中的又一种布局

十八、Less简介 Less官网地址：https://less.bootcss.com/ less是一门css的预处理语言 less是一个 css 的增强版，通过less可以编写更少的代码实现更强大的

十七、变形：平移、旋转与缩放 变形就是指通过 css 来改变元素的形状或位置 变形不会影响到页面的布局 transform用来设置元素的变形效果 1、平移 translateX() 沿着由方向平移 t

十六、过渡与动画 1、过渡 过渡（transition） 通过过渡可以指定一个属性发生变化时的切换方式 通过过渡可以创建一些非常好的效果，提升用户的体验 属性值 transition-property

十五、小米官网-练习 1、首先css样式重置 2、公共样式的抽取 3、 HTML 代码 4、CSS 代码 5、效果展示 对于小米官网的一些静态资源可以在mi.com的开发者工具进行获取，这里省略！

十四、表格 1、表格 在现实生活中，我们经常需要使用表格来表示一些格式化数据： 课程表、人名单、成绩单... 同样在网页中我们也需要使用表格，我们通过table标签来创建一个表格 在table中使用t

十三、雪碧图与渐变 1、雪碧图 解决图片闪烁的问题： 可以将多个小图片统一保存到一个大图片中，然后通过调整background-position来显示响应的图片 这样图片会同时加载到网页中就可以有效的

十二、背景 1、PS的基本设置 在介绍背景之前，首先需要做好准备工作：安装 PS 与基本设置 这里就不详细介绍 PS 的安装了，因为网上一抓一大把，主要介绍 PS 的基本设置 左侧工具栏 调成 2 列

十一、字体 1、字体相关的样式 我们前面讲过字体的两个属性 color用来设置字体颜色 font-size字体的大小 em 相当于当前元素的一个font-size rem 相对于根元素的一个font-

十、定位的简介 也可以参考我的另一篇博客：https://www.cnblogs.com/zhaostudy/p/16558751.html 需求分析 按照我们之前所学知识，可以怎么实现呢？ 应该来说

九、高度塌陷与 BFC 1、高度塌陷 在浮动布局中，父元素的高度默认是被子元素撑开的 当子元素浮动后，其会完全脱离文档流，子元素从文档流中脱离将会无法撑起父元素的高度，导致父元素的高度丢失 父元素高度

八、浮动 1、浮动的简介 通过浮动可以使一个元素向其父元素的左侧或右侧移动 使用float属性来设置于元素的浮动 none 默认值，元素不浮动 left 元素向左浮动 right 元素向右浮动 注意

七、盒模型补充 1、盒子大小 默认情况下，盒子可见框的大小由内容区、内边距和边框共同决定 box-sizing用来设置盒子尺寸的计算方式（设置 width 和 height 的作用） 可选值： con

七、实战练习 1、京东图片列表 开发准备 本来我们是想直接右键图片另存为的，但是发现并没有该选项，应该是京东对图片做了一定的限制 不过，这不妨碍我们获取这些图片，当然你也可以采用截图的方式获取，这里我

六、盒模型 1、文档流（normalflow） 网页是一个多层的结构，一层摁着一层 通过 CSS 可以分别为每一层来设置样式，作为用户来讲只能看到最顶上一层 这些层中，最底下的一层称为文档流 文档流是

五、样式继承与其他概念 1、继承 样式的继承，我们为一个元素设置的样式，同时也会应用到它的后代元素上 继承是发生在祖先后后代之间的，继承的设计是为了方便我们的开发 利用继承，我们可以将一些通用的样式，

四、CSS语法与选择器 1、CSS简介 层叠样式表 网页实际上是一个多层的结构，通过 CSS 可以分别为网页的每一个层来设置样式，而最终我们能看到只是网页的最上边一层 总之一句话，CSS 用来设置网页

三、字符实体与语义标签 1、字符实体 有些时候，在 HTML 中不能直接书写一些特殊符号，如： 多个连续的空格（在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格） 比如字母两侧的大于小于号（

二、前端开发准备 1、离线文档的下载 离线文档：Zeal - Offline Documentation Browser 这里需要注意：如果你是Mac系统那么你要下载：Dash文档 如果安装报错，需安

--- theme: github --- # 一、前端简介 ## 1、软件的分类 ### 1.1、 系统软件 - Windows - Linux - macOS ![4483604c1dfa2cca