在完成FREE CODE CAMP projects 时遇到的问题

查缺补漏

DISPLAY

1.在使用list时,可以直接display:inline转化成横列
2.在处理难以居中的大块section时,可以考虑:
display: flex;
flex-direction: column;
justify-content: center;
text-align: center
这样在大概率情况下可以局中
3. 需要了解什么是display:block
4. ::before, ::after这些section完全不知道在干嘛

FONT-SIZE

1.要善于用rem,em这类的。比xx-larger好用多了

GRID

grid根本没有掌握,需要重新学,什么 grid-template-areas/columns/rows 这些根本就不会。
grid-template-areas: “header header” ”。。。。“;这些都忘记了。

GRADIENT

gradient怎么用已经全部忘记了

重要的点

  1. z-index

Designer transforming into a developer