这是我参加[第五届青训营]伴学笔记活动的第2天

一、前端基础知识

1、前端工程师理解

前端工程师是使用web技术栈，解决多端图形用户界面交互问题的工程师。

2、前端技术栈

前端技术栈分为三层，HTML负责内容，CSS负责样式，Javascript定义网页的行为。三者运行在浏览器上，浏览器通过http协议和服务器通信。

3、DOM树

DOM是文档对象模型，是W3C制定首尾标准接口规范，是一种处理HTML和XML文件的标准API。它精准的描述了HTML中标签间的相关关联性。

二、HTML相关

HTML中元素、属性、属性值都有含义，开发者要遵循语义编写，在合适的地方使用合适的标签，否则不利于他人观看修改，不利于搜索引擎优化。 在HTML5新版本中，推出了一些有语义的布局标签供开发者使用。header（网页头部），nav(网页导航），footer（网页底部），aside（网页侧边栏），section（网页区块），article（网页文章）。但只适用于手机端的网页制作。

三、CSS相关

1、引入方式

CSS有三种引入方式：内嵌式（写在style标签中），外联式（通过link引入），行内式（写在标签的style属性中）。

2、选择器

选择器有id选择器，通配符选择器，标签选择器，类选择器。html标签可嵌套,css中不同选择器有不同的优先级。单个标签优先级：继承性<通配符选择器<标签选择器<类选择器<id选择器<行内样式<important。多个标签优先级：计算叠加看权重，权重大的可覆盖前面权重较小的

3、布局

CSS布局有常规流，分为行级、块级、表格布局、flexbox、grid布局；浮动；定位。虽然浮动也可以让元素布局在想要的地方，但会产生外边距塌陷等问题，清除浮动较麻烦，有了grid布局，一般不使用浮动布局。定位又分静态定位static，相对定位relative，绝对定位absolute，固定定位fixed。

四、总结

之前有学过一些基础，现在跟着老师又加深了一下印象，并且学到了原来漏掉的知识，受益颇多