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

CSS

后端码

头昏脑涨

生病

116 条回复 • 2019-06-27 18:02:59 +08:00

1 2

❮

❯

1

demonzoo

2019-06-26 16:25:00 +08:00

16

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

我这是生病了吗？🐶

2

red2dog

2019-06-26 16:30:50 +08:00

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

我这是生病了吗？🐶

3

whypool

2019-06-26 16:32:11 +08:00

2

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

4

stabc

2019-06-26 16:41:18 +08:00

23

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

5

linxl

2019-06-26 16:42:07 +08:00

我是真讨厌写 css

6

misaka19000

2019-06-26 16:44:46 +08:00 via Android

1

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

7

f056917

2019-06-26 16:45:07 +08:00

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

8

CTO

2019-06-26 16:47:32 +08:00

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

9

qq292382270

2019-06-26 16:48:48 +08:00

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

我这是生病了吗？🐶

10

gowk

2019-06-26 16:49:52 +08:00 via Android

36

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

11

Flasky

2019-06-26 16:50:23 +08:00 via Android

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

12

shench

2019-06-26 16:51:44 +08:00

@stabc 苟利前端生死...

13

Marimo

2019-06-26 16:51:49 +08:00

前端也不喜欢写 CSS😂

14

CFO

2019-06-26 16:57:30 +08:00 via Android

1

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

15

phpnote

2019-06-26 17:00:16 +08:00

phper, 写 CSS 也是有点虚

16

KuroNekoFan

2019-06-26 17:01:49 +08:00 via iPhone

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

17

learnshare

2019-06-26 17:03:09 +08:00

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

18

HuasLeung

2019-06-26 17:03:50 +08:00

那就用 less 吧

19

pmispig

2019-06-26 17:03:56 +08:00

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

20

xctcc

2019-06-26 17:04:56 +08:00

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

21

wslt521

2019-06-26 17:05:22 +08:00

《 CSS 从入门到放弃》

22

zhao7399686

2019-06-26 17:07:56 +08:00

我觉得还行 🤣

23

sugars

2019-06-26 17:09:26 +08:00

2

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

24

joiejia

2019-06-26 17:14:01 +08:00

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

25

t2doo

2019-06-26 17:14:37 +08:00

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

26

Kaiv2

2019-06-26 17:15:09 +08:00 via Android

基本差不多😊

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/

28

zaul

2019-06-26 17:32:52 +08:00

去学一手 flex。

29

chaodada

2019-06-26 17:59:51 +08:00 via iPhone

@Flasky 哈哈我也是

30

azoon

2019-06-26 18:02:25 +08:00

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

31

cdlixucd

2019-06-26 18:03:35 +08:00

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

32

LiuJiang

2019-06-26 18:04:20 +08:00

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

33

luckyrayyy

2019-06-26 18:04:50 +08:00

3

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

34

icebreaker12

2019-06-26 18:12:12 +08:00

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

35

liyang5945

2019-06-26 18:17:15 +08:00

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

36

wu67

2019-06-26 18:22:04 +08:00

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

37

jingyulong

2019-06-26 18:25:45 +08:00 via iPhone

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

我这是生病了吗？🐶

38

moodasmood

2019-06-26 18:48:05 +08:00

scss+1

39

alw

2019-06-26 19:17:50 +08:00

我觉得改 CSS 神烦....

40

way2create

2019-06-26 19:43:40 +08:00

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

41

throns

2019-06-26 20:03:18 +08:00

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

42

Merlini

2019-06-26 20:07:37 +08:00

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

43

zjsxwc

2019-06-26 20:11:16 +08:00

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

44

dvaknheo

2019-06-26 20:15:16 +08:00

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

45

hellotao

2019-06-26 20:51:13 +08:00 via Android

1

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

46

agdhole

2019-06-26 20:57:45 +08:00 via Android

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

47

Maboroshii

2019-06-26 21:01:57 +08:00 via Android

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

48

shintendo

2019-06-26 21:18:04 +08:00

2

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

49

liuzhiyong

2019-06-26 22:01:15 +08:00

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

50

ztmqg

2019-06-26 22:48:09 +08:00

1

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

51

lraining

2019-06-26 23:14:05 +08:00 via Android

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

52

icepony

2019-06-26 23:22:21 +08:00 via Android

@gowk

53

icepony

2019-06-26 23:23:20 +08:00 via Android

@gowk 摁错

54

connection

2019-06-26 23:24:48 +08:00

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

55

Takamine

2019-06-26 23:45:29 +08:00 via Android

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

56

2kCS5c0b0ITXE5k2

2019-06-26 23:54:38 +08:00

flex 就完事了再不行 google

57

qilishasha

2019-06-26 23:56:23 +08:00 via iPhone

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

58

LeeChP

2019-06-27 00:14:14 +08:00 via iPhone

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

59

unhumanplane

2019-06-27 00:19:04 +08:00

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

60

LZYPPP

2019-06-27 00:26:38 +08:00

@f056917 还有 40%是 IE 的祸

61

MonoLogueChi

2019-06-27 00:28:40 +08:00 via Android

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

62

dartabe

2019-06-27 00:53:02 +08:00

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

63

JCZ2MkKb5S8ZX9pq

2019-06-27 01:08:16 +08:00 via iPhone

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

64

redbuck

2019-06-27 08:16:00 +08:00 via iPhone

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

65

redbuck

2019-06-27 08:18:33 +08:00 via iPhone

@shintendo 你的 zindex 还好吗？😂

66

darknoll

2019-06-27 08:50:56 +08:00

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

我这是生病了吗？

67

koebehshian

2019-06-27 08:52:49 +08:00

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

68

qqhaodong

2019-06-27 08:54:43 +08:00

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

我这是生病了吗？🐶

69

cnbattle

2019-06-27 09:01:21 +08:00

同感...

70

zeny620

2019-06-27 09:01:37 +08:00 via Android

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

71

lilihangzhou

2019-06-27 09:12:54 +08:00

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

72

StephenHe

2019-06-27 09:18:41 +08:00

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

73

yxcoder

2019-06-27 09:30:52 +08:00

1

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

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 的后端开发思维来说简直无法接受