CSS 真难学啊 不考虑各种历史遗留因素,有没有可能诞生一个更简单明了地定义样式的语言(不知道能不能算语言)?

2021-03-16 08:13:09 +08:00
 zxCoder

顺便求推荐 CSS 教程 /书

6065 次点击
所在节点    CSS
51 条回复
aydd2004
2021-03-16 08:15:16 +08:00
前端们不是写的还蛮开心的?
murmur
2021-03-16 08:21:58 +08:00
css 有什么难学的,IE8+以上都没啥 trick 了,新人直接学 flex 布局能省好多事
bzw875
2021-03-16 08:22:05 +08:00
不需要刻意的学习,从事前端的工作,天天画页面调样式倒逼你去学习遇到不懂的就查资料。
renmu123
2021-03-16 08:22:52 +08:00
css 权威指南,抠字眼去看,你就差不多能明白 css 原理了
qwei
2021-03-16 08:25:18 +08:00
@murmur 也不全是,iOS 对 flex 的支持不是很友好,总会出些奇奇怪怪的问题。
Jirajine
2021-03-16 08:30:03 +08:00
css 也还好吧,要么你就用 css-in-js 的方案。
不过 css 的问题是管的东西有点多,布局、动画之类的,单单样式还算挺简单明了的。
msg7086
2021-03-16 08:38:13 +08:00
treblex
2021-03-16 09:01:48 +08:00
flutter. web 端算是正式支持了,不过好像还是 canvas 方案,不太了解
10bkill1p
2021-03-16 09:02:24 +08:00
面试官:请写出隐藏元素的常用方法
我:margin-left: -99999px
liyang5945
2021-03-16 09:03:47 +08:00
css 难学个鸡儿,我之前是看培训班视频学的前端,觉得很简单,就是需要记忆的东西比较多点
ran1ever
2021-03-16 09:12:51 +08:00
@10bkill1p 学到了
murmur
2021-03-16 09:13:25 +08:00
@treblex flutter web 的官方 demo 连字体渲染都有问题,还是算了吧,第一次见到 2021 年 utf-8 环境英文字体都渲染出方框的
Building
2021-03-16 09:28:00 +08:00
前端难就难在兼容性上,新东西不敢用,同一段代码每个浏览器都有自己的想法...
LiuJiang
2021-03-16 09:28:48 +08:00
你说 CSS 特效难学,我还能理解,布局相对之前(不考虑 IE ),好写多了。
murmur
2021-03-16 09:32:30 +08:00
@Building flex 布局、transform 、translate 这些东西 IE10 就可以用了,新东西你用他干嘛,有哪个布局必须用新特性才做的出来
clown007
2021-03-16 09:32:46 +08:00
多写写记住那些属性就行了
djs
2021-03-16 09:38:19 +08:00
一直觉得 css 是非常难学习的,很多人那巧劲用的我都眼花了
yaphets666
2021-03-16 09:41:04 +08:00
css 学习难度大约在 java 的 1%这个水平.当然这里直说是会用,不谈精通.
觉得难学,主要还是因为你对 css 有成见...不愿意去记这些东西,或者不愿意动手.
murmur
2021-03-16 09:42:54 +08:00
你觉得 css 难学是因为 css 本身太强大,描述了太多东西,如果 css 好学岂不是这个东西太弱鸡

比如你要描述个物体,他有尺寸、位置,尺寸又有绝对大小和相对大小

物体不只一个,那就有位置关系,物体之间还有排布、间距

作为最简单的文字,也有颜色、粗细、大小、间距、行高

物体如果是个框框,还有外框、外框粗细、圆角、背景,作为背景有背景色,是不是还有渐变,有背景图,图片要怎么摆放

这种拓展的东西太多,你就觉得 css 复杂,所以学 css 要从需求学起,拆解设计稿,设计稿有什么你用什么
Vegetable
2021-03-16 09:45:06 +08:00
最近几年 css 没那么难学了

很多历史遗留问题都可以入土了,比如 ie6,基本不用考虑兼容问题了,学习 css 也不用掌握 css 本身,只需要够用就行了。
新出的东西设计其实很不错,比如 flex 、vw 、vh 之类的,都是非常棒特性,解决了很多痛点。不要打开一个教程一点一点学 css,那可能会很痛苦。顶多过一遍 https://zh.learnlayout.com/ ,然后现用现查

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

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

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

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

© 2021 V2EX