非前端有需要把 css 正经学一遍吗 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zxCoder
V2EX    CSS

非前端有需要把 css 正经学一遍吗

  •  
  •   zxCoder 2021-01-29 18:52:49 +08:00 2048 次点击
    这是一个创建于 1789 天前的主题,其中的信息可能已经有所发展或是发生改变。

    每次一个 div 居中的功能都得百度谷歌搜一遍。。。。

    想想真是尴尬

    4 条回复    2021-03-19 16:21:35 +08:00
    yunye
        1
    yunye  
       2021-01-29 18:57:47 +08:00
    flex 和 grid 两种布局重点关注下 其他都简单
    iConnect
        2
    iConnect  
       2021-01-29 19:09:39 +08:00 via Android
    虽然框架都自带模板样式,真要调整还得手写 css 。最好还是把页面布局的原理高一遍,脑子里能渲染了,要改动哪个地方才驾轻就熟,否则就容易乱了
    abcbuzhiming
        3
    abcbuzhiming  
       2021-03-01 22:24:31 +08:00
    正经学一遍肯定是好的,问题在于,代价极大。

    CSS 是个排版系统,不是 UI 系统。他的原始设计是为排版而研发的,所以它有很多看起来很怪异的地方,比如那个著名的,特性不正交问题。

    而我们现在利用 CSS,百分之 80 的是时间是在写 UI,这导致了一个问题,大部分前端开发只需要研究 flex 这种专门为补强 UI 排版而被新开发出来的布局,其它的可以不管。

    但是这带来了另外一个问题,就是相当多的前端开发其实根本不了解 CSS,他们对 CSS 的理解大部分都远不如他们对 JS 的理解,这导致他们几乎没办法解决 20%的排版问题很多前端拿到一个别人开发的,有问题的排版布局时,他们根本无法找到原因,他们最常见的处理方式是把人家写的布局删了,然后重新自己写一个。。。

    看了我上面的描述,你应该明白 CSS 这东西水有多深,我觉得 CSS 的水比编程语言的水深多了,再加上现在 web 调试工具在 CSS 调试上可以说一点都不好用因为 CSS 的特性导致调试工具在页面出现问题的时候根本无法直接指出原因,得靠开发人员自己分析,这和一般编程语言可以靠断点和日志直接定位问题所谓难度高出了两个级别。

    综上所述我认为 CSS 虽然值得研究,这是人类至今为止开发的使用最广泛的布局(UI)系统,但是它有很多问题,很多的历史包袱,导致真正能把这个系统理解穿并能灵活运用的人其实很少。CSS 本质是背书并且查表,和一般的编程是基于逻辑,流程,判断,有很大的不同,所以这更加大了这玩意的学习难度
    maxssy
        4
    maxssy  
       2021-03-19 16:21:35 +08:00
    我前端都没正经学一遍
    关于     帮助档     自助推广系统     博客     API     FAQ     Solana     2391 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 16:00 PVG 00:00 LAX 08:00 JFK 11:00
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86