一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第14天，点击查看活动详情。
概述
html篇
代码结构
块级元素
块元素又名块级元素(block element)，和其对应的是内联元素(inline element)，都是html规范中的概念。大多数HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时，通常会以新行来开始（和结束）
行内元素
-
和其他元素都在一行，即行内元素和其他行内元素都会在一条水平线上排列
-
高度、宽度是不可控的，设置无效，由内容决定。
行内块
行内块元素实际就是把块元素以行的形式展现,保留了块元素可以设置的对应CSS属性。css使用display:inline-block样式可以生成行内块元素。
标签语义化
“语义化”指的是机器在需要更少的人类干预的情况下能够研究和收集信息,让网页能够被机器理解,最终让人类受益。 HTML 标签语义化是让大家直观的认识标签(markup)和属性(attribute)的用途和作用。
意义：
- 有利于在没有css等修饰时，裸看代码能清除网页的结构以及布局
- 有利于搜索引擎优化，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重。
- 有利于开发团队的后期优化开发以及维护。
css篇
布局篇
float飘起来
flex弹起来
position叠起来
动画篇
animation让元素动起来
svg让元素的运动更加的丝滑
canvas实现一切不可能的动画
优化
如何让你的页面更加的流畅？
