这是我参与「第四届青训营 」笔记创作活动的的第1天
今天学到了一些HTML与CSS的相关知识，之前也了解过一些HTML与CSS的知识，不过通过今天的学习以后，我才发现之前学的确实有些浅薄。
首先先来说一下HTML。
说到前端，大家肯定首先想到的就是HTML。因为HTML是早期写静态网页的主力军！HTML是HyperText Markup Language这四个单词的首字母。之前了解的HTML感觉就是一堆标签，然后随便背背就可以写了，今天系统学过之后还了解到了一些新名词。这才发现之前学的确实太浅薄了，甚至和没有学差不多。
首先还是要来说一下DOM树！
在今天的学习之前我其实是不知道DOM树这个名词的，可能是因为学的不够系统，导致出现这些很基础知识的漏洞。之前是只知道DOM操作，根本没有DOM树这个概念。
其次就是HTML的语法，语法其实很简单，和C++，C，Java这些语言不同，HTML语言的语法非常简单。
-
标签和属性不区分大小写，推荐小写 -
空标签可以不闭合，比如 input、meta -
属性值推荐用双引号包裹 -
某些属性值可以省略，比如 required、readonly
老师总结的这四点其实就可以大致的涵盖了HTML的基本语法。
HTML语义化
在今天之前我也是没有听说过这个名词，在今天老师给我们讲解了一下什么焦作语义化。
-
HTML中的元素、属性及属性值都拥有某些含义
-
开发者应该遵循语义来编写HTML
- 有序列表用 ol；无序列表用 ul
- lang 属性表示内容所使用的语言
还有非常重要的一句话：传达内容，而不是样式
其次再来说一下CSS
首先是第一次了解到了CSS的求值过程，这个是在之前完全没用听说过的一个东西，在今天老师给我们系统讲解了一下，让我们可以更深刻的体会CSS整个的过程，能够更深入的理解CSS。
紧接着又了解到了一些BFC的排版规则，之前写CSS代码的时候全部都是像无头苍蝇一样去写，感觉很麻烦，今天又了解到了BFC的规则。
-
盒子从上到下摆放
-
垂直 margin 合并
-
BFC 内盒子的 margin 不会与外面的合并
-
BFC 不会和浮动元素重叠
还有在CSS选择器当中的组合，这个是我之前没有系统去总结的东西，今天老师给我们总结了一下。
最后总结一下，学习前端还是要从细小学起，不能笼统盲目的去学，这样会导致理解不深入，走很多的弯路。
