开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 11 天，点击查看活动详情
你是否对前端杂乱的知识感到心烦意乱？你是否对float浮点内心难受？它真的，我哭死。
现在，让俺来小小的拯救你。今日份知识之前端基础
前端就是网站前台部分，运行在pc端移动端等，就是我们平时打开网页看到的界面。那么怎么制作一个自己的网站，这可能是很多同学在接触三件套(HTML，CSS，JavaScript)时候，需要做的一个大项目。一个网站看起来很难，但其实把他拆分还是很简单的哦。
常用HTML标签
a标签是一个跳转标签，控制页面之间的跳转。在herf属性里面设置跳转页面路径，target里面设置是当前页面跳转还是新建页面跳转。
a标签不仅可以让文字点击，还可以使用图片被点击 div标签，块标签 span行内标签等
表单标签：
常用css标签
CSS（层叠样式表） 是“Cascading Style Sheet”的缩写
css语法：
选择器{属性样式}
基本选择器：
标签名 {属性样式}
.类名{属性样式}
#id名{属性样式}
多元素选择器：属性名,#id,.box{属性样式}
层次选择器：
A B{属性样式} 给B选择器设置样式，同时B是A的后代
A>B{属性样式}
文本样式 14个
盒子模型
盒子 = content（内容） + padding（填充） + border（边框） + margin（边距）
width * height = content + padding + boder
flex布局
告诉浏览器，使用flex布局，必须要：display：flex
flex-direction（flex布局方向）
justify-content 盒子水平对齐方式
align-items 盒子垂直对齐方式
实战
通过选择器，实现下面效果
那么就需要在body里面有5个超链接
将 <a> 标签转换成行内块，宽 120px 高 58px、设置背景颜色 #FFFAE8；
当鼠标移动到链接上时达到以下要求：
- 背景颜色分别变为 #E1D15E、#F9D6D1、#5BDE66、#EBAA8D、#BED780；
- 设置圆角效果（border-radius）；
- 字体：颜色为 #fff，去掉链接下划线。
