我觉得我是得了写 CSS 障碍综合症了 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
tilv37
V2EX    程序员

我觉得我是得了写 CSS 障碍综合症了

  •  
  •   tilv37 2019-06-26 16:14:09 +08:00 12641 次点击
    这是一个创建于 2300 天前的主题,其中的信息可能已经有所发展或是发生改变。
    我是一个后端码农。
    有时候偶尔也得写前端代码,js 不算,一遇到 css 就全身无力,头昏脑涨。

    我这是生病了吗?
    116 条回复    2019-06-27 18:02:59 +08:00
    1  2  
    demonzoo
        1
    demonzoo  
       2019-06-26 16:25:00 +08:00   16
    我是一个前端码农。
    有时候偶尔也得写后端代码,java 不算,一遇到 sql 就全身无力,头昏脑涨。

    我这是生病了吗?
    red2dog
        2
    red2dog  
       2019-06-26 16:30:50 +08:00
    我是一个测试工程师。
    有时候偶尔也得写业务代码,前端不算,一遇到 bug 就全身无力,头昏脑涨。

    我这是生病了吗?
    whypool
        3
    whypool  
       2019-06-26 16:32:11 +08:00   2
    stabc
        4
    stabc  
       2019-06-26 16:41:18 +08:00   23

    我一个后端码农,怎么就突然让我写 CSS 了呢,我说你们另请高明吧。主管说,高层都决定啦,以后就你来写 CSS !
    linxl
        5
    linxl  
       2019-06-26 16:42:07 +08:00
    我是真讨厌写 css
    misaka19000
        6
    misaka19000  
       2019-06-26 16:44:46 +08:00 via Android   1
    后端不喜欢写 css 的原因在于 css 是非逻辑的,抛弃逻辑来写 css 就好了
    p8YFk4f3E8SJ3aEv
        7
    p8YFk4f3E8SJ3aEv  
       2019-06-26 16:45:07 +08:00
    CSS 还好啊,看个盒子模型,绝对 /相对定位,flex 布局基本上能应付 60%的问题吧
    CTO
        8
    CTO  
       2019-06-26 16:47:32 +08:00
    昨晚写 css 到凌晨三点,我明明是搞 PHP 的啊!!
    qq292382270
        9
    qq292382270  
       2019-06-26 16:48:48 +08:00
    我是一个移动端码农。
    有时候偶尔也得写前后端代码,js 和 php 不算,一打开 ide 就全身无力,头昏脑涨。

    我这是生病了吗?
    gowk
        10
    gowk  
       2019-06-26 16:49:52 +08:00 via Android   36
    “如果我被困在一个孤岛上,唯一逃生的机会就是写出一套漂亮的 UI,那么我死定了。" Linus Torvalds
    Flasky
        11
    Flasky  
       2019-06-26 16:50:23 +08:00 via Android
    还好吧,我都是打开 F12 在里面改好了然后再写到文件里的
    shench
        12
    shench  
       2019-06-26 16:51:44 +08:00
    @stabc 苟利前端生死...
    Marimo
        13
    Mario  
       2019-06-26 16:51:49 +08:00
    前端也不喜欢写 CSS
    CFO
        14
    CFO  
       2019-06-26 16:57:30 +08:00 via Android   1
    我五年都没学会 css 怎么写 稍微一复杂就不会了
    phpnote
        15
    phpnote  
       2019-06-26 17:00:16 +08:00
    phper, 写 CSS 也是有点虚
    KuroNekoFan
        16
    KuroNekoFan  
       2019-06-26 17:01:49 +08:00 via iPhone
    根本没有用点心去学习过 css 的话,写的头晕脑胀也是理所当然的,就算学习过 css 基础的也指不定搞出什么劳什子来
    learnshare
        17
    learnshare  
       2019-06-26 17:03:09 +08:00
    嗯,趁机推荐我的入门书 《 CSS 入门与实践》
    BCy66drFCvk1Ou87
        18
    BCy66drFCvk1Ou87  
       2019-06-26 17:03:50 +08:00
    那就用 less 吧
    pmispig
        19
    pmispig  
       2019-06-26 17:03:56 +08:00
    CSS 绝对是这个世界上最复杂的编程语言。。
    xctcc
        20
    xctcc  
       2019-06-26 17:04:56 +08:00
    曾经改过 css....我司前端直接让我以后有问题直接给她
    wslt521
        21
    wslt521  
       2019-06-26 17:05:22 +08:00
    《 CSS 从入门到放弃》
    zhao7399686
        22
    zhao7399686  
       2019-06-26 17:07:56 +08:00
    我觉得还行
    sugars
        23
    sugars  
    PRO
       2019-06-26 17:09:26 +08:00   2
    我是前端,虽然 css 没什么难度,但我也不怎么喜欢,很枯燥,当然用 sass/less 这种可以稍微好一些
    joiejia
        24
    joiejia  
       2019-06-26 17:14:01 +08:00
    我……不是前端也不是后端。
    曾经有个博客平台,忘记是啥了,可以自定义 CSS 样式,于是我研究了一段时间,把自己博客搞定了,之后就再也不想看到或修改 CSS 了。头大……
    t2doo
        25
    t2doo  
       2019-06-26 17:14:37 +08:00
    有了 bootstrap,我一般都是导包就开撸,早 2 年手写 CSS 才叫麻烦,现在满天都是包,比以前好太多了
    Kaiv2
        26
    Kaiv2  
       2019-06-26 17:15:09 +08:00 via Android
    基本差不多
    Tonni
        27
    Tonni  
       2019-06-26 17:24:18 +08:00   8
    其实写 CSS 也很有意思,CSS 这种算是样式表,算不上编程语言,写 CSS 的重点是如何组织代码和命名,如果是偶尔写写 css 可以看一下 BEM 命名规范,很简单,一看就会,会了立马就能用,如果是专业的规划一个项目可以看下 ITCSS 相关的资料,把不同模块按照倒三角形的结构层层分级,开发和以后维护都会轻松很多。如果想进一步规范 css 命名规范还可以看下 BEMIT 命名规范,是基于 BEM 的一个扩展,也很简单。


    BEM: http://getbem.com/
    ITCSS: https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/
    BEMIT: https://csswizardry.com/2015/08/bemit-taking-the-bem-naming-convention-a-step-further/
    zaul
        28
    zaul  
       2019-06-26 17:32:52 +08:00
    去学一手 flex。
    chaodada
        29
    chaodada  
       2019-06-26 17:59:51 +08:00 via iPhone
    @Flasky 哈哈我也是
    azoon
        30
    azoon  
       2019-06-26 18:02:25 +08:00
    为什么我感觉写 CSS 都不用动脑的。
    cdlixucd
        31
    cdlixucd  
       2019-06-26 18:03:35 +08:00
    我他妈的运维 CTO 让我改 WordPress,看到 WP 的结构我就头痛,半天找不到一个放图片的地方
    LiuJiang
        32
    LiuJiang  
       2019-06-26 18:04:20 +08:00
    可能是大环境下不重视 css 啊,我接触到得人,基本上都是 css 不咋滴。。。 本人也在努力学习 css
    luckyrayyy
        33
    luckyrayyy  
       2019-06-26 18:04:50 +08:00   3
    css 挺简单的啊...楼上说的不用动脑子+1
    写复杂业务逻辑的时候都得把歌换成轻音乐或者干脆关了,写 html 和 css 就直接动次打次
    icebreaker12
        34
    icebreaker12  
       2019-06-26 18:12:12 +08:00
    css 是个混沌系统..底层实现复杂到无法想象
    liyang5945
        35
    liyang5945  
       2019-06-26 18:17:15 +08:00
    前端切图仔飘过,专写 css,不过我平时都用 sass,就是感觉给 class 命名比较烦
    wu67
        36
    wu67  
       2019-06-26 18:22:04 +08:00
    我倒是很喜欢写 css, 尤其撸原生非框架
    jingyulong
        37
    jingyulong  
       2019-06-26 18:25:45 +08:00 via iPhone
    我是一个全干码农。
    有时候偶尔也得给老总端茶倒水,扫地不算,一看电脑就全身无力,头昏脑涨。

    我这是生病了吗?
    moodasmood
        38
    moodasmood  
       2019-06-26 18:48:05 +08:00
    scss+1
    alw
        39
    alw  
       2019-06-26 19:17:50 +08:00
    我觉得改 CSS 神烦....
    way2create
        40
    way2create  
       2019-06-26 19:43:40 +08:00
    css 不太会,没认真学过,虽然属性知道不少,js 和 jq 都会一部分,vue 文档第一节水平,其他没怎么学,我也是后端,没接什么外包所以也不用折腾,以前练手玩的也是 bootstrap+js 复制点 example 撸一下,反正自己练手后端的 不用太好看...写前端的状态基本上就是好像左手拿书右手拿笔的那种 emmm
    throns
        41
    throns  
       2019-06-26 20:03:18 +08:00
    多花点时间学一学,写起来就会自信很多了,推荐看看《 CSS 权威指南》、《 CSS 秘密花园》。
    Merlini
        42
    Merlini  
       2019-06-26 20:07:37 +08:00
    其实掌握好最基本的盒子模型和 position 问题,写 css 就还好。其实手撸 css 或者 scss 还可以,最令人头疼的是动画还有自适应。
    zjsxwc
        43
    zjsxwc &nbs;
       2019-06-26 20:11:16 +08:00
    尼玛之前
    调一个按钮的颜色我能调了一上午,
    css 逼死强迫症,
    我还是适合去写不涉及 ui 的代码吧
    dvaknheo
        44
    dvaknheo  
       2019-06-26 20:15:16 +08:00
    CSS 语法都会,可是就不会弄好看,懵了
    hellotao
        45
    hellotao  
       2019-06-26 20:51:13 +08:00 via Android   1
    推荐一个我刚看完的教程,感觉很有帮助 Css-the complete guide /Udemy 讲的非常实用,清晰。
    agdhole
        46
    agdhole  
       2019-06-26 20:57:45 +08:00 via Android
    css sql 正则表达式,这三样劝退
    Maboroshii
        47
    Maboroshii  
       2019-06-26 21:01:57 +08:00 via Android
    bootstrap 元素有时候能换行 有时候不会 ,不知道怎么搜关键字
    shintendo
        48
    shintendo  
       2019-06-26 21:18:04 +08:00   2
    不要跟我说什么浮动 BFC 盒模型,老夫写 CSS 从来都是 position:absolute 一把梭
    liuzhiyong
        49
    liuzhiyong  
       2019-06-26 22:01:15 +08:00
    哈哈,多 google 几次(或者几十次)就熟悉啦。
    ztmqg
        50
    ztmqg  
       2019-06-26 22:48:09 +08:00   1
    肯定是遇到了 margin 合并或是父子盒子的嵌套崩塌
    lraining
        51
    lraining  
       2019-06-26 23:14:05 +08:00 via Android
    @shintendo 绝对布局最方便,甚至可以替代 flex,还可以在 js 中随便调整
    icepony
        52
    icepony  
       2019-06-26 23:22:21 +08:00 via Android
    icepony
        53
    icepony  
       2019-06-26 23:23:20 +08:00 via Android
    @gowk 摁错
    connection
        54
    connection  
       2019-06-26 23:24:48 +08:00
    因为不直观而且相互作用力强
    Takamine
        55
    Takamine  
       2019-06-26 23:45:29 +08:00 via Android
    不是说学好 CSS 的最高境界是发现自己学不好 CSS 吗。:doge:
    2kCS5c0b0ITXE5k2
        56
    2kCS5c0b0ITXE5k2  
       2019-06-26 23:54:38 +08:00
    flex 就完事了 再不行 google
    qilishasha
        57
    qilishasha  
       2019-06-26 23:56:23 +08:00 via iPhone
    以前觉得 css 就是切图生成的附属品 慢慢发现 css 竟然还有变量 忽然发现 css 还有逻辑判断语句 不用 js 居然都可以做动画.....
    LeeChP
        58
    LeeChP  
       2019-06-27 00:14:14 +08:00 via iPhone
    @stabc 这时候不吟诗?
    苟利前端生死已,岂因样式避趋之
    unhumanplane
        59
    unhumanplane  
       2019-06-27 00:19:04 +08:00
    作为一个什么都写点的,表示要用 css 的时候都是跑去菜鸟教程 Ctrl+c 的。
    LZYPPP
        60
    LZYPPP  
       2019-06-27 00:26:38 +08:00
    @f056917 还有 40%是 IE 的祸
    MonoLogueChi
        61
    MonoLogueChi  
       2019-06-27 00:28:40 +08:00 via Android
    我是游戏开发兼职客户端的,昨天老板让我写邮件模板,还原海报,写到吐血
    dartabe
        62
    dartabe  
       2019-06-27 00:53:02 +08:00
    自从有了 flex 简单非常多了啊
    JCZ2MkKb5S8ZX9pq
        63
    JCZ2MkKb5S8ZX9pq  
       2019-06-27 01:08:16 +08:00 via iPhone
    觉得 css 还挺有趣的飘过~~
    redbuck
        64
    redbuck  
       2019-06-27 08:16:00 +08:00 via iPhone
    @liyang5945 bem 不就是解决命名难题的吗
    redbuck
        65
    redbuck  
       2019-06-27 08:18:33 +08:00 via iPhone
    @shintendo 你的 zindex 还好吗?
    darknoll
    &nsp;   66
    darknoll  
       2019-06-27 08:50:56 +08:00
    我是一个混子。
    有时候偶尔也得写代码,复制粘贴不算,一遇到要自己写的就全身无力,头昏脑涨。

    我这是生病了吗?
    koebehshian
        67
    koebehshian  
       2019-06-27 08:52:49 +08:00
    css 就是一个配置文件,用来配置大小,颜色,位置。
    qqhaodong
        68
    qqhaodong  
       2019-06-27 08:54:43 +08:00
    我是一个产品。
    有时候偶尔也得写前端和后端,原型 不算,一遇到 产品文档 就全身无力,头昏脑涨。

    我这是生病了吗?
    cnbattle
        69
    cnbattle  
       2019-06-27 09:01:21 +08:00
    同感...
    zeny620
        70
    zeny620  
       2019-06-27 09:01:37 +08:00 via Android
    在自学前端,卡在 css 这了,浮动、bfc、定位、单独用都好,一组合起来就完全不是自己想要样子,头大
    lilihangzhou
        71
    lilihangzhou  
       2019-06-27 09:12:54 +08:00
    老前端,经常被各种手机兼容问题整到奔溃,改好这个机型,另一个机型又出问题
    StephenHe
        72
    StephenHe  
       2019-06-27 09:18:41 +08:00
    @lilihangzhou 是啊,兼容性问题占了三分之一了
    yxcoder
        73
    yxcoder  
       2019-06-27 09:30:52 +08:00   1
    感觉就布局会麻烦一点,3 个属性搞清楚就行了 display position float
    abcbuzhiming
        74
    abcbuzhiming  
       2019-06-27 09:46:40 +08:00   1
    @Tonni CSS 没有你说的这么简单,这一点,知乎有个帖子
    CSS 为什么这么难学( https://www.zhihu.com/question/66167982)
    讲的非常详细,CSS 的困难点本质有以下几个方面
    *.本质上它最初是作为排版系统研发的(排版系统有多复杂,有兴趣的人可以去研究一下排版系统 TEX,计算机世界上帝高德纳的作品)。而大部分现在人使用 CSS 的实践,其实是把它当做 UI 来使用的。排版系统并不等价于 UI 系统,所以就是用着感觉不对,UI 界的最佳实践 MVVM 模式是微软的 WPF 发明,它的 xaml 标记语言才真的是为 UI 而研发的。后来 web 前端界意识到了这个问题,所以才有诸如 flex 这样的新布局。
    *.CSS 非正交,或者说,不显式正交,当你修改了 CSS 的某些参数时,它会影响到其它参数如果这些参数没有显式的被你定义的话,他们的数值,属性,会发生改变,这就导致经验不足者觉得自己是面对一个巨大的黑箱子我 tm 明明改的是 A,怎么 B 发生变化了?所以有人说 CSS 是查表,你得背 CSS 的组合
    *.调试困难,目前世界最好的 CSS 调试工具 chrome debug,其 CSS 调试功能其实仍然很简陋,你并不能从这个调试器上很直观的看出是哪些因素在影响你的盒子的尺寸和位置。而且最重要的是,因为上面那个非正交的原因,很多时候你的盒子出现问题其实是因为另外一个盒子在十万八千里之外影响的。这就完全靠开发者的个人经验去解决了。这对很多 1 是 1,2 是 2 的后端开发思维来说简直无法接受
    coloz
        75
    coloz  
       2019-06-27 09:48:21 +08:00
    不考虑 IE 就简单......
    jsun
        76
    jsun  
       2019-06-27 10:08:09 +08:00
    网页兼容个 IE6~8 试试?那才是真的头大
    alexmao
        77
    alexmao  
       2019-06-27 10:27:00 +08:00
    我以为只有我不喜欢 css
    wizardoz
        78
    wizardoz  
       2019-06-27 10:29:09 +08:00
    以前看到一个帖子说,后端程序员是学不会 CSS 的
    RyougiShiki
        79
    RyougiShiki  
       2019-06-27 10:42:55 +08:00
    统一 73 楼, 3 个属性 display position float 是难点和重点。
    RyougiShiki
        80
    RyougiShiki  
       2019-06-27 10:45:29 +08:00
    笔误,“同意”,另外补充 “文档流”,很多网上小例子讲这些属性效果但没说本来的文档流应该是什么样,跟什么做对比。
    KuroNekoFan
        81
    KuroNekoFan  
       2019-06-27 10:52:24 +08:00 via iPhone
    没事别乱用绝对定位
    Definezhang
        82
    Definezhang  
       2019-06-27 10:57:24 +08:00
    其实还好吧,less,sass, scss, postcss 都用过,当然我就是干前端,后端确实会头疼一些
    AllenBigBear
        83
    AllenBigBear  
       2019-06-27 11:03:18 +08:00
    逻辑 20 分钟,css20 小时
    lancelock
        84
    lancelock  
       2019-06-27 11:05:42 +08:00
    为了摆脱 css,前端转后端了
    jziwenchen
        85
    jziwenchen  
       2019-06-27 11:56:47 +08:00   1
    解决害怕的心理最好的办法是直面它, 所以我从 后台 转到 前端去了 react, vue, sass, css3, webpack... 各种全家桶...
    P233
        86
    P233  
       2019-06-27 11:57:10 +08:00
    推荐一篇之前写的文章吧 https://zhuanlan.zhihu.com/p/39752627
    LeeSeoung
        87
    LeeSeoung  
       2019-06-27 12:02:40 +08:00
    现在 css 真的已经很友好了。。F12 也是真的强大。。遇到不会的样式 看下哪里有 F12 打开 抄过来。
    lk920724
        88
    lk920724  
       2019-06-27 12:21:08 +08:00
    scss 挺好的,我觉得挺好写的啊。
    xiaolanger
        89
    xiaolanger  
       2019-06-27 12:21:16 +08:00
    CSS 真的是噩梦。。。从入行开始学,一直没学明白
    abcbuzhiming
        90
    abcbuzhiming  
       2019-06-27 12:31:29 +08:00
    @LeeSeoung 友好?你开什么玩笑,你自己写的时候,抄 CSS 当然容易了,但是你尝试过接手别人写的 CSS 没?遇到到某个盒子,怎么调他的位置就是 TMD 的不对最后发现原来是离它老远的一个盒子的影响没
    zw1one
        91
    zw1one  
       2019-06-27 12:40:03 +08:00 via Android
    我一上班就全身无力,头昏脑涨。。
    laravel
        92
    laravel  
       2019-06-27 12:41:18 +08:00
    学会了其实就那么点儿东西,比后端的难度小多了
    AmberJiang
        93
    AmberJiang  
       2019-06-27 12:41:53 +08:00
    如果我说一写 JS 就晕 会被打吗?
    Ritr
        94
    Ritr  
       2019-06-27 12:42:57 +08:00
    我一睡醒就浑身无力,头晕脑涨。。我是不是得了睡醒障碍综合症了
    Ritr
        95
    Ritr  
       2019-06-27 12:47:29 +08:00
    说点正经的:css 难吗?不难!要学的话需要从整体方面入手,无非就是两大部分:布局和表现。布局决定了他的位置、层级,表现决定了他的大小、颜色等等。写 CSS 的话,先横向布局,切割出来一个个横条,再在内部纵向布局,左右分列治之。
    laravel
        96
    laravel  
       2019-06-27 12:49:47 +08:00
    不要跟我说 flex 布局,我 display: inline-block/table 给你搞定
    hgw514
        97
    hgw514  
       2019-06-27 13:07:13 +08:00
    @stabc 苟利公司生死以,岂因 CSS 避趋之?
    JohnDoeChou
        98
    JohnDoeChou  
       2019-06-27 14:07:00 +08:00
    node-sass
    599316527
        99
    599316527  
       2019-06-27 14:15:31 +08:00
    1. 想要 css 好写,HTML 结构得先搞合理咯。
    2. CSS 真的很复杂
    costan
        100
    costan  
       2019-06-27 14:19:16 +08:00
    我是一个 UI 设计。
    有时候偶尔也得写产品需求,axure 不算,一遇到 doc 就全身无力,头昏脑涨。

    我这是生病了吗?
    1  2  
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2430 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 33ms UTC 15:34 PVG 23:34 LAX 08:34 JFK 11:34
    Do have faith in what you're doing.
    ubao 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