困扰新手前端很久的问题

[lingeo]

毕业后一直从事的是服务端开发，偶而需要写一些展示页面，每次写页面困扰最久的就是布局。
不止是布局 UI 设计（小公司没有 UI 设计），还有布局代码的实现，有什么入门博客或者视频推荐吗？

[iOCZS]

分而治之

[kunkunzhang]

https://developer.mozilla.org/zh-CN/docs/Learn/CSS/CSS_layout/Introduction

[fruitmonster]

设计什么啊，直接现成的 UI 组件，需要啥用不就可以了么

[fengci]

flex 走天下。

[yangg]

https://v0.dev

[ydong]

认真学一下 css 就不会有这个困扰

[dyncan]

Google 搜一些 'CSS layout generator' 关键词跟着学习布局, 现在 AI 工具也这么发达, 想怎么学都能学会.

[dode]

tailwindcss

[wu67]

要么 flex, 学两天就上手了.
要么 tailwind, 上手曲线高一点, 但是用久了就发现, 其实就是跟 10 年前的经典 bootstrap 差不多.

[pandaaa]

简单来说多练多写，c 端就熟练掌握 flex ，b 端就是熟练掌握 antD 或者一款成熟的 UI 框架就行了，不用太担心，细节问题就 AI 和 google 解决

[dylanqqt]

掌握弹性布局后基本上布局没问题了

[Track13]

使用 flex 。布局就是在页面上画格子，从上往下堆，从左往右挤。

[gzyguy]

flex 基本所有一般网页布局都能搞定了

[ZGame]

没有什么是 flex 解决不了的

[sikuu2al]

flex 和 grid 吧 认真学一学不用两小时就上手了

[7gugu]

如果是后台的页面，用 Antd 这种 UI 组件库，对付一下就得了。

[freeup]

页面本质就是一个盒子里面嵌套各种盒子，用线把各个盒子画好，在填充具体元素就行，所以可以搜搜 关键字 ”盒子布局“ ，上手很快，属于基本 css 布局知识

[AlanBrian]

推荐这个 https://web.developers.google.cn/learn/css

[stein9999]

https://layout.bradwoods.io/customize

[aliezleft]

https://www.joshwcomeau.com/css/interactive-guide-to-grid/