我们需要的是通过代码清晰地表达出设计意图

Courses

Advanced CSS and SASS

[56h] 黑马程序员 前端 pink老师


https://github.com/mdn/css-examples/tree/main/learn/tasks

Layout

<aside>

简短地来说,没有历史负担,直接上 flex grid 布局

</aside>

flex

grid

文档流

<body>
  <p>段落1</p>
  <p>段落2</p>
  <p>段落3</p>
</body>

按照书写的顺序,从上到下,从左到右。

display

inline 多个元素会共同占用一行

inline-block 和 inline 的区别是可以设置 width, height