学习前端中,感觉 css 最难,怎么办?

2023-07-03 11:28:34 +08:00
 KT0J

Android 老码农,Flutter 三年经验。
最近在学 Web 开发。
目标是能从 0 开始独立做简单的 Web 。

感觉比起 Vue ,React ,Angular 之类框架本身(至少简单 Web 不用学的很深入),CSS 更让我觉得困难。

我现在的难题是,一个界面,怎么布局,怎么摆,感觉很困难。
写起来很有挫折。 写一点,卡一点,查一点。

找了一些 CSS 教程,学完感觉似乎没有改善。
这种只能靠多练习?

5520 次点击
所在节点    前端开发
50 条回复
redford42
2023-07-03 13:27:36 +08:00
多写,我最开始接触的时候写了三个月才好点....
NoManPlay
2023-07-03 13:28:36 +08:00
现在 flex 和 grid 直接写现代布局,然后伪类伪元素实现一些特殊效果
dcsuibian
2023-07-03 13:30:09 +08:00
《精通 CSS 》
weixiangzhe
2023-07-03 14:24:55 +08:00
布局只有 flex 和 grid , 其他都是历史遗留
notejava
2023-07-03 14:27:07 +08:00
作为一个后端,刚写 CSS 也挺痛苦,写多了就好了,多积累,多 F12 看看别人的网站是怎么实现的。
sentinelK
2023-07-03 14:32:22 +08:00
CSS 目前最流行的布局方式,和 Android 并没有任何区别。
横向、纵向线性布局,高宽,居中/等分/权重/向 x 对齐,外边距内边距,背景边框圆角,
如此 90%的界面已经搞定了。
sanmaozhao
2023-07-03 14:35:57 +08:00
程序员学 CSS 确实是最难的,因为
1 、它并不是个编程语言,其他语言的经验很难迁移过来
2 、很多 css 属性值的设置,并不是正交的。设置了 a 属性的值,会隐含式地牵连到 b 、c 属性的效果

如何应对?
1 、如果要求不高,就依靠 UI 库吧,用现成的 UI 组件去组合出界面来,就不用碰 css 了
2 、要求高,就只能多学多练了,感觉没啥捷径。我也推荐《精通 CSS 》这本书
poporange
2023-07-03 14:35:59 +08:00
我是爱好学习的代码,前端的 css 简直是痛苦中的痛苦...
zzzkkk
2023-07-03 14:37:26 +08:00
布局怎么摆 页面设计是产品经理的职责 也是很耗脑的工作 必须要有一个人专门做
产品经理不但要研究同类产品的界面和交互 具体细节 从运营人员里搜集汇总需求 还要有自己的微创新
前端的职责是从美工手里拿设计图 把它变成 html css js

一个人碰到了这种页面内容怎么摆怎么设计 这种难题 相当于是在做三个人的工作 也差不多是闭门造车
worldqiuzhi
2023-07-03 14:39:16 +08:00
css 自己写感觉不难 修修改改勉强能用 最怕产品指手画脚 各种骚操作 这块不好看 那块偏一点 这个组件顺序调整一下 就很搞 很浪费时间
SleepyRaven
2023-07-03 14:51:08 +08:00
"一个界面,怎么布局,怎么摆",这个算设计层面了吧
css 是把已经摆好的布局设计图用代码复现出来
我的建议是...flex 一把梭🐶
gitignore
2023-07-03 15:48:43 +08:00
v 我 500 手把手教,有问题随时问 😛
xz410236056
2023-07-03 16:14:42 +08:00
2023 年了还写 CSS ?前端不是一堆框架吗
SharkRazor
2023-07-03 16:33:13 +08:00
多写多画,找已有的网站模仿去画一遍再 f12 看看人家怎么画的,慢慢的就有思路了
AndrewAdam
2023-07-03 16:38:05 +08:00
flex
chatgpt
giaodadi
2023-07-03 17:18:27 +08:00
用框架,套模板
熟能生巧
dddd1919
2023-07-03 17:24:27 +08:00
学会盒模型打天下
Ju22
2023-07-03 17:31:48 +08:00
关注一下张鑫旭的博客,css 总统山的人物。
wanderingaround
2023-07-03 17:57:11 +08:00
遇事不决 flex,把定位搞清楚,建议不要看太多,重点是去写,看得太多写的不多很容易不知道如何写
charmToby
2023-07-03 17:58:56 +08:00
我是后端,领导也会派一些对应的前端任务,css 什么的,知道 flex 布局,盒子模型这些东西,然后不懂的结合 chatGPT 基本就能写个七七八八了。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/953607

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX