这是我参与「第五届青训营 」伴学笔记创作活动的第 1 天。
对前端新技术的思考：
随着时代的发展，前端变得越来越强大，已经不再局限于单纯的网页开发，目前越来越多的地方有着前端的身影，如后端（nodejs）、桌面端（electron）、移动端（react native）、实时互播技术（webrtc）、3d技术（webgl）和前端二进制（wasm），现在早已不是会前端三剑客（HTML、CSS 和 JS）就能走天下的时代，时代对我们这些前端提出了越来越高的要求
元素选择优先级：
css 元素有许多选择器，每种选择器有不同的优先级，优先级从大到小为：!important(最高)、内联样式（1000）、id 选择器（100）、类选择器和伪类选择器（10）、标签选择器（1）、通配符选择器（0）;其中 !important 优先级最高，任何选择器都无法覆盖，但可以限制
test{
width: 300px !important;
max-width: 100px;
}
伪元素：
伪元素有很多使用方法，如用来清除浮动，实现一个小圆点（实现过程中千万别忘了设置 content 和 display）
test {
font-size: 14px;
color:red;
}
test::before{
content:'';
display: block;
width:4px;
height:4px;
background: red;
border-radius: 50%;
margin-right:5px;
}
布局：
前端布局有行级布局、块级布局、表单布局、Flex 布局和 Grid 布局，表单现在并不值得使用，一方面它并不符合语义化，另一方面它会造成许多嵌套。每种布局都有对应的排版上下文，如 BFC、IFC，除了这些布局，还有一些元素可以用于布局，如 float 和 column-count。float 可以用实现文字环绕图片效果和圣杯布局，column-count 用于描述元素的列数，可以用来实现图片瀑布。
定位：
今天老师的 PPT 上有四种 position（static、absolute、position 和 fixed），除了这四种 position 还有一种 position 叫 sticky（粘性定位 ），它会产生动态效果，可以看成 relative 和 fixed 的结合，特别适合用于导航栏，我注意到掘金 app 的导航栏就是这样，当向下互动时，它会是一起滑动，等搜索框消失时，它会固定在头部
