这是我参与「第五届青训营 」笔记创作活动的第1天。

走进前端

什么是前端

前端开发是创建web页面或移动端页面的过程，它的存在使用户灵活的与数据进行交互。

前端要解决的基本问题

前端主要解决的是用户与数据的交互问题，随着科学技术的发展，前端早已不仅仅停留在文字和图片，审美和技术的提升也在要求着前端有更灵动、丰富、有趣的交互展示与功能。

我和前端

前端于我而言不仅仅是一门技术一个职业，而是一束光。高考那年填报志愿选上了计算机类，这掺夹了很大一部分家长的意愿，因为没有了解，所以我对这个专业充满了畏惧与不安。进入大学后，我加入学院最好的科技类实验室，一开始选择的是硬件。大一一个学期的硬件我学的非常痛苦，因为难度更因为不感兴趣，一想到自己未来在计算机道路的发展更是难以前行。大一第二个学期开始，我就决定转换方向，开始学习前端。前端入门确实简单，不仅能带来成就感，也让我看到了代码原来可以这么美。因为前端，我顺利通过了实验室的大考核；因为前端，遇到问题的第一反应不再是放弃而是能解决；因为前端，第一次体会到了计算机的乐趣看到代码的美。

HTML

定义：HTML 是一种用来开发网页的计算机语言，它通过标签将文本、音视频、图片、表格、按钮、输入框等内容显示出来。也就是说，HTML 是用来给网页内容进行排版和布局的。

HTML的标签大多都通俗易懂，并且HTML5功能强大。

CSS

前端美术师css写法：外联和内联

选择器

通配符（*）、类、标签、id、组合（如下图）

选择器组

CSS求值过程

布局

常规流、flex布局、grid布局、float、position属性（父绝子相）

CSS知识补牢

border-top：给盒子设置边框时，边框颜色不一样（eg：上边框和右边框），以斜角衔接；只有一边框有颜色显示时，可以得到一个直角三角形。

行级元素：width和height属性不适用；