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

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

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

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

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

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

5521 次点击
所在节点    前端开发
50 条回复
LandCruiser
2023-07-03 11:41:25 +08:00
你自己已经说出答案了,卡一点查一点,解决这个问题当然是系统的学习一遍了。
1t1y1ILnW0x5nt47
2023-07-03 11:48:05 +08:00
css 也不能说最难,很多都是靠记的,相对记知识点,程序员更应该多看文档,文档之于程序员,犹如海澜之家之于男人,每逛一次都有新发现
insanny
2023-07-03 11:52:03 +08:00
同前端新手,css 确实是老大难,有的布局原理(比如 line-height ,line-box 这种)看的我很痛苦..
个人感觉想系统掌握有两个方向吧,一方面需要多看别人是怎么布局的,学下主流的技巧;一方面最好能看一本类似 CSS 权威指南这种书(当然看起来可能也比较枯燥),理解各种属性的运作方式。
我觉得前期还是多看多练更重要一点,至少会觉得有“产出”
mineralsalt
2023-07-03 11:52:21 +08:00
直接用 flex 干就行了
hardto
2023-07-03 11:55:12 +08:00
那就不学了,睡大觉!
murmur
2023-07-03 11:57:58 +08:00
学习能力菜,没别的理由,就算是面向 google 编程也能编出来

css 的难点是布局拆分,怎么从大到小,从外到里拆分布局,这个跟 android xml 有本质区别么
cvbnt
2023-07-03 11:58:03 +08:00
不学了,睡大觉,交给 chatgpt
Seanfuck
2023-07-03 12:00:38 +08:00
记住常用的那些就行了,也不是很多;
布局的话,常用好像也就 4 种方式:
1. inline-block 设置宽度
2. 绝对定位,position: absolute/fixed
3. flaot ,跟绝对定位相似
4. flex
BwNVlwSq
2023-07-03 12:13:28 +08:00
前几年有和你差不多的感受
多写写页面吧
superedlimited
2023-07-03 12:15:42 +08:00
css 和传统的 android xml 布局有很大不同。仔细看 mdn 文档,多写一写,写 css 时要忘掉安卓布局那回事。
ashong
2023-07-03 12:16:20 +08:00
直接从 sass/scss 开始,减少重复
布局用 flex 都可以解决
darkengine
2023-07-03 12:44:28 +08:00
flex + div 一把梭
liveoppo
2023-07-03 12:57:36 +08:00
把 flex 学好,尽量用这个。有了 flex 后 css 简单太多了,以前才是难。
nnccree
2023-07-03 13:08:50 +08:00
flex + grid 基本够用了
retrocode
2023-07-03 13:09:06 +08:00
flex 布局, 除必须使用外,忘记 position: absolute 和 float
xingyuc
2023-07-03 13:15:50 +08:00
现在没有 IE 已经好太多了
Lesenelir
2023-07-03 13:16:22 +08:00
学 flex ,再看 position ,知道这两个基本的内容后再使用 tailwindcss 你就可以做出现在绝大多数的页面。
taotaodaddy
2023-07-03 13:19:00 +08:00
OP 可以换个方式切入 CSS 的学习和使用: tailwindcss
qingshui33
2023-07-03 13:19:06 +08:00
难了就不学
hhjswf
2023-07-03 13:21:39 +08:00
gpt 有没有相关应用,根据设计稿生成 css😩

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

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

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

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

© 2021 V2EX