基础知识总结

Posted 2020-08-21

 前段时间做了一遍IFE的task0001，由于基础知识掌握不够牢固，所以在这里梳理并记录下遇到的问题。

在task0001的练习中首先是要求了解，什么是html？什么是CSS？什么是语义化？以及HTML和CSS如何一起工作？HTML5区别？什么是文档流？

这几个问题其实很基础，但要很清楚的说出来却有些问题，这里先记录下：

1.什么是HTML?

HTML就是超文本标记语言。这里首先说什么是“超文本”，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。而标记语言就相当于一种规范或者说是标准，我们用相应的规范去书写这个文本，然后浏览器也按照相应的规范去逐条解析。但要注意的是不同浏览器解析效果有差异！

2.什么是CSS？

CSS就是层叠样式表，它就是用来表现HTML文本样式的计算机语言。主要就是在HTML的基础上层叠样式，以优先级更高的样式覆盖通用样式，使网页拥有更加丰富的效果。CSS是对HTML的重要补充。

3.什么是语义化？

语义化标签主要是使用更容易表现结构的标签，使之更加符合web标准，语义化的好处是更加利于后期维护，并对搜索引擎更加友好！

4.HTML和CSS区别？

从上面看出HTML和CSS的区别就如同房子的结构和装饰一样，先使用HTML建立相应的结构再使用CSS进行装饰。

5.HTML5的区别？

HTML5的区别表现在语法的简化，例如例如doctype的声明并指定UTF-8字符编码；文档结构化的标签；以及增加提供视图新效果的标签。

6.文档流

文档流主要指的就是在文档中可见元素按照正常顺序排列，这个正常顺序就是从上到下从做到右一次排列。

然后，遇到的一个布局中的问题，如何实现元素的垂直水平居中？

这个问题的解决方案有很多，一开始我只知道一部分并且不知道各种方案的优劣，在查阅资料和搜索引擎以后，把它单独记录在《元素垂直水平居中实现总结》。