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

[tilv37]

我是一个后端码农。
有时候偶尔也得写前端代码，js 不算，一遇到 css 就全身无力，头昏脑涨。

我这是生病了吗？🐶

[demonzoo]

我是一个前端码农。
有时候偶尔也得写后端代码，java 不算，一遇到 sql 就全身无力，头昏脑涨。

我这是生病了吗？🐶

[red2dog]

我是一个测试工程师。
有时候偶尔也得写业务代码，前端不算，一遇到 bug 就全身无力，头昏脑涨。

我这是生病了吗？🐶

[whypool]

🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶

[stabc]

“
我一个后端码农，怎么就突然让我写 CSS 了呢，我说你们另请高明吧。主管说，高层都决定啦，以后就你来写 CSS ！
”

[linxl]

我是真讨厌写 css

[misaka19000]

后端不喜欢写 css 的原因在于 css 是非逻辑的，抛弃逻辑来写 css 就好了

[f056917]

CSS 还好啊，看个盒子模型，绝对 /相对定位，flex 布局基本上能应付 60%的问题吧

[CTO]

昨晚写 css 到凌晨三点，我明明是搞 PHP 的啊！！🐶

[qq292382270]

我是一个移动端码农。
有时候偶尔也得写前后端代码，js 和 php 不算，一打开 ide 就全身无力，头昏脑涨。

我这是生病了吗？🐶

[gowk]

“如果我被困在一个孤岛上，唯一逃生的机会就是写出一套漂亮的 UI，那么我死定了。" —— Linus Torvalds

[Flasky]

还好吧，我都是打开 F12 在里面改好了然后再写到文件里的🤔

[shench]

@stabc 苟利前端生死...

[Marimo]

前端也不喜欢写 CSS😂

[CFO]

我五年都没学会 css 怎么写 稍微一复杂就不会了

[phpnote]

phper, 写 CSS 也是有点虚

[KuroNekoFan]

根本没有用点心去学习过 css 的话，写的头晕脑胀也是理所当然的，就算学习过 css 基础的也指不定搞出什么劳什子来

[learnshare]

嗯，趁机推荐我的入门书 —— 《 CSS 入门与实践》

[BCy66drFCvk1Ou87]

那就用 less 吧

[pmispig]

CSS 绝对是这个世界上最复杂的编程语言。。

[xctcc]

曾经改过 css....我司前端直接让我以后有问题直接给她

[wslt521]

《 CSS 从入门到放弃》

[zhao7399686]

我觉得还行 🤣

[sugars]

我是前端，虽然 css 没什么难度，但我也不怎么喜欢，很枯燥，当然用 sass/less 这种可以稍微好一些

[joiejia]

我……不是前端也不是后端。
曾经有个博客平台，忘记是啥了，可以自定义 CSS 样式，于是我研究了一段时间，把自己博客搞定了，之后就再也不想看到或修改 CSS 了。头大……

[t2doo]

有了 bootstrap，我一般都是导包就开撸，早 2 年手写 CSS 才叫麻烦，现在满天都是包，比以前好太多了

[Kaiv2]

基本差不多😊

[Tonni]

其实写 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]

去学一手 flex。

[chaodada]

@Flasky 哈哈我也是

[azoon]

为什么我感觉写 CSS 都不用动脑的。

[cdlixucd]

我他妈的运维 CTO 让我改 WordPress,看到 WP 的结构我就头痛，半天找不到一个放图片的地方

[LiuJiang]

可能是大环境下不重视 css 啊，我接触到得人，基本上都是 css 不咋滴。。。 本人也在努力学习 css

[luckyrayyy]

css 挺简单的啊...楼上说的不用动脑子+1
写复杂业务逻辑的时候都得把歌换成轻音乐或者干脆关了，写 html 和 css 就直接动次打次

[icebreaker12]

css 是个混沌系统..底层实现复杂到无法想象

[liyang5945]

前端切图仔飘过，专写 css，不过我平时都用 sass，就是感觉给 class 命名比较烦

[wu67]

我倒是很喜欢写 css, 尤其撸原生非框架

[jingyulong]

我是一个全干码农。
有时候偶尔也得给老总端茶倒水，扫地不算，一看电脑就全身无力，头昏脑涨。

我这是生病了吗？🐶

[moodasmood]

scss+1

[alw]

我觉得改 CSS 神烦....

[way2create]

css 不太会，没认真学过，虽然属性知道不少，js 和 jq 都会一部分，vue 文档第一节水平，其他没怎么学，我也是后端，没接什么外包所以也不用折腾，以前练手玩的也是 bootstrap+js 复制点 example 撸一下，反正自己练手后端的 不用太好看...写前端的状态基本上就是好像左手拿书右手拿笔的那种 emmm

[throns]

多花点时间学一学，写起来就会自信很多了，推荐看看《 CSS 权威指南》、《 CSS 秘密花园》。

[Merlini]

其实掌握好最基本的盒子模型和 position 问题，写 css 就还好。其实手撸 css 或者 scss 还可以，最令人头疼的是动画还有自适应。

[zjsxwc]

尼玛之前
调一个按钮的颜色我能调了一上午，
css 逼死强迫症，
我还是适合去写不涉及 ui 的代码吧

[dvaknheo]

CSS 语法都会，可是就不会弄好看，懵了

[hellotao]

推荐一个我刚看完的教程，感觉很有帮助 Css-the complete guide /Udemy 讲的非常实用，清晰。

[agdhole]

css sql 正则表达式，这三样劝退

[Maboroshii]

bootstrap 元素有时候能换行 有时候不会 ，不知道怎么搜关键字

[shintendo]

不要跟我说什么浮动 BFC 盒模型，老夫写 CSS 从来都是 position:absolute 一把梭

[liuzhiyong]

哈哈，多 google 几次（或者几十次）就熟悉啦。

[ztmqg]

肯定是遇到了 margin 合并或是父子盒子的嵌套崩塌

[lraining]

@shintendo 绝对布局最方便，甚至可以替代 flex，还可以在 js 中随便调整

[icepony]

@gowk

[icepony]

@gowk 摁错

[connection]

因为不直观而且相互作用力强

[Takamine]

不是说学好 CSS 的最高境界是发现自己学不好 CSS 吗。:doge:

[2kCS5c0b0ITXE5k2]

flex 就完事了 再不行 google

[qilishasha]

以前觉得 css 就是切图生成的附属品 慢慢发现 css 竟然还有变量 忽然发现 css 还有逻辑判断语句 不用 js 居然都可以做动画.....

[LeeChP]

@stabc 这时候不吟诗？
苟利前端生死已，岂因样式避趋之

[unhumanplane]

作为一个什么都写点的，表示要用 css 的时候都是跑去菜鸟教程 Ctrl+c 的。

[LZYPPP]

@f056917 还有 40%是 IE 的祸

[MonoLogueChi]

我是游戏开发兼职客户端的，昨天老板让我写邮件模板，还原海报，写到吐血

[dartabe]

自从有了 flex 简单非常多了啊

[JCZ2MkKb5S8ZX9pq]

觉得 css 还挺有趣的飘过~~

[redbuck]

@liyang5945 bem 不就是解决命名难题的吗

[redbuck]

@shintendo 你的 zindex 还好吗？😂

[darknoll]

我是一个混子。
有时候偶尔也得写代码，复制粘贴不算，一遇到要自己写的就全身无力，头昏脑涨。

我这是生病了吗？

[koebehshian]

css 就是一个配置文件，用来配置大小，颜色，位置。

[qqhaodong]

我是一个产品。
有时候偶尔也得写前端和后端，原型 不算，一遇到 产品文档 就全身无力，头昏脑涨。

我这是生病了吗？🐶

[cnbattle]

同感...

[zeny620]

在自学前端，卡在 css 这了，浮动、bfc、定位、单独用都好，一组合起来就完全不是自己想要样子，头大

[lilihangzhou]

老前端，经常被各种手机兼容问题整到奔溃，改好这个机型，另一个机型又出问题

[StephenHe]

@lilihangzhou 是啊，兼容性问题占了三分之一了

[yxcoder]

感觉就布局会麻烦一点，3 个属性搞清楚就行了 display position float

[abcbuzhiming]

@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]

不考虑 IE 就简单......

[jsun]

网页兼容个 IE6~8 试试？那才是真的头大

[alexmao]

我以为只有我不喜欢 css

[wizardoz]

以前看到一个帖子说，后端程序员是学不会 CSS 的

[RyougiShiki]

统一 73 楼, 3 个属性 display position float 是难点和重点。

[RyougiShiki]

笔误，“同意”，另外补充 “文档流”，很多网上小例子讲这些属性效果但没说本来的文档流应该是什么样，跟什么做对比。

[KuroNekoFan]

没事别乱用绝对定位

[Definezhang]

其实还好吧，less,sass, scss, postcss 都用过，当然我就是干前端，后端确实会头疼一些

[AllenBigBear]

逻辑 20 分钟，css20 小时

[lancelock]

为了摆脱 css，前端转后端了

[jziwenchen]

解决害怕的心理最好的办法是直面它， 所以我从 后台 转到 前端去了 react, vue, sass, css3, webpack... 各种全家桶...

[P233]

推荐一篇之前写的文章吧 https://zhuanlan.zhihu.com/p/39752627

[LeeSeoung]

现在 css 真的已经很友好了。。F12 也是真的强大。。遇到不会的样式 看下哪里有 F12 打开 抄过来。

[lk920724]

scss 挺好的，我觉得挺好写的啊。

[xiaolanger]

CSS 真的是噩梦。。。从入行开始学，一直没学明白

[abcbuzhiming]

@LeeSeoung 友好？你开什么玩笑，你自己写的时候，抄 CSS 当然容易了，但是你尝试过接手别人写的 CSS 没？遇到到某个盒子，怎么调他的位置就是 TMD 的不对最后发现原来是离它老远的一个盒子的影响没

[zw1one]

我一上班就全身无力，头昏脑涨。。

[laravel]

学会了其实就那么点儿东西，比后端的难度小多了

[AmberJiang]

如果我说一写 JS 就晕 会被打吗？😵

[Ritr]

我一睡醒就浑身无力，头晕脑涨。。我是不是得了睡醒障碍综合症了

[Ritr]

说点正经的：css 难吗？不难！要学的话需要从整体方面入手，无非就是两大部分:布局和表现。布局决定了他的位置、层级，表现决定了他的大小、颜色等等。写 CSS 的话，先横向布局，切割出来一个个横条，再在内部纵向布局，左右分列治之。

[laravel]

不要跟我说 flex 布局，我 display: inline-block/table 给你搞定

[hgw514]

@stabc 苟利公司生死以，岂因 CSS 避趋之？

[JohnDoeChou]

node-sass

[599316527]

1. 想要 css 好写，HTML 结构得先搞合理咯。
2. CSS 真的很复杂

[costan]

我是一个 UI 设计。
有时候偶尔也得写产品需求，axure 不算，一遇到 doc 就全身无力，头昏脑涨。

我这是生病了吗？🐶