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

[zxCoder]

顺便求推荐 CSS 教程 /书

[zxCoder]

补充一下我的实际问题，就是文章详情页里，通过点击目录，可以定位到某个大标题，然后就被顶部的固定导航栏盖住了，然后我就百度做法，找到一个解决方案，https://zhuanlan.zhihu.com/p/127781764，就是用负数 margin-top 和正数 padding-top，然后这种方法不知道为什么和上面网站演示的不太一样，我的在大标题上面会出现一段空白，滚动就出现了，然后我就又调了调 padding margin.... 最后才勉强成形(不太准确，反正肉眼看不出区别就是了)


@aydd2004
@murmur
@bzw875
@renmu123
@qwei
@Jirajine
@msg7086
@treblex
@10bkill1p
@liyang5945
@ran1ever
@Building
@LiuJiang
@clown007

[SpiritQAQ]

CSS 就个画样式的竟然三天内学不会 === CSS 难

[Mutoo]

你可以试试新的潮流：utility-first 的 tailwindcss

[murmur]

@Mutoo 这东西玩以下还可以，工程化太差了

领导说让你把所有灰色的按钮字体改大一号，但是你的按钮是 bg-gray 、width-20 、fontsize-12 组成的，你怎么改

全文搜索么

[wangmn]

css 大神张鑫旭的书 css 世界 推荐一下

[zaul]

flex 一把梭

[Mutoo]

@murmur postcss 管线 + @apply 喽。tailwindcss 2.0 早就工程化了。

[ctrlands]

现在不用兼容 ie 了，工作后几乎没有遇到过要 兼容 ie 的项目了

[hahastudio]

因为排版是一个非常复杂的问题

[66beta]

不考虑历史问题兼容性问题的话
你需要易读性的话，可以在 tailwindcss 上自定义一套更语义化的：
.padding-vertical-2 {
@apply py-2;
}

[Liam1997]

现在很少手撸 CSS 的吧，基本都是各种 UI 框架一把梭，自己写点儿 sass 、less，布局 flex 就能 cover 大部分场景了。自己的网站可以使用 tailwindcss 啥的。

[otakustay]

“更简单明了地定义样式的语言”就是“现代化的 CSS”
Web 布局的核心是流式布局，这是很少在其它 UI 体系中见到的形式，而现有的 CSS 几乎是流式布局的最佳声明方式了
如果你要的不是流式布局，比如传统的绝对定位或者卡片布局，那可能会有一些更好的声明式的方案，或者直接找带 Layout 的组件库就行了

[charlie21]

@Mutoo tailwind 是给 CSS 老手的，从 a 到 z 有两种途径，a-b-c-d-...-z 和 a-z，后者直接劝退

[TomatoYuyuko]

tailwindcss 了解一下？

[charlie21]

为什么呢？不符合认识事物的规律 直接限制你的词汇量

[sugars]

先把盒子模型理解透了，css 就不难了

[Sapp]

用 flex， 不要看兼容性，不要看各种稀奇古怪的花招，他马上就简单起来了。

[wolfan]

只要不需要用 CSS 作动画什么的，其实本一天就成吧。

runoob 菜鸟上看入门，MDN 上学精通。https://caniuse.com/#home 上查通用。

[USAA]

JS 才难

[gitdoit]

这东西找个教程静下心看几天，常用的几种东西都知道的差不多了。高阶的后面再慢慢看