Web前端HTML5&CSS3

[TOC] 弹性盒简介 1、基本概念 弹性盒 flex（弹性盒、伸缩盒） 是css中的又一种布局手段，它主要用来代替浮动来完成页面的布局 flex可以使元素具有弹性，让元素可以跟随页面的大小的改变而改

[TOC] less简介 less是一门css的预处理语言 less是一个css的增强版，通过less可以编写更少的代码实现更强大的样式 在less中添加了许多的新特性：像对变量的支持、对mixin的

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

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

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

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

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

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

[TOC] 定位的简介 需求分析 按照我们之前所学知识，可以怎么实现呢？ 应该来说不难，很容易实现 我们分别给box2和box3添加了外边距之后，就可以达到需求效果 当然也可以使用浮动来解决上述问题，

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

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

画了一个田径场，可以踢世界杯吗？ html代码 css样式 效果图 由于因为到目前为止，还没有学习更多的布局定位知识，所以一些其他的细节地方比较难绘制 这里就大概绘制一个雏形出来，等后面学习了绝对定位

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

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

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

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

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

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

[TOC] 前端开发准备 1. 离线文档的下载 离线文档：Zeal - Offline Documentation Browser 如果安装报错，需安装：Visual C++ Redistributa

[TOC] 前端简介 1. 软件的分类 1.1. 系统软件 Windows Linux macOS 1.2. 应用软件 Office QQ 1.3. 游戏软件 绝地求生 王者荣耀 2. 客户端与服务器