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

2021-03-16 08:13:09 +08:00
 zxCoder

顺便求推荐 CSS 教程 /书

6032 次点击
所在节点    CSS
51 条回复
zxCoder
2021-03-16 09:45:52 +08:00
补充一下我的实际问题,就是文章详情页里,通过点击目录,可以定位到某个大标题,然后就被顶部的固定导航栏盖住了,然后我就百度做法,找到一个解决方案,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
2021-03-16 09:55:33 +08:00
CSS 就个画样式的竟然三天内学不会 === CSS 难
Mutoo
2021-03-16 10:04:45 +08:00
你可以试试新的潮流:utility-first 的 tailwindcss
murmur
2021-03-16 10:06:04 +08:00
@Mutoo 这东西玩以下还可以,工程化太差了

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

全文搜索么
wangmn
2021-03-16 10:08:31 +08:00
css 大神张鑫旭的书 css 世界 推荐一下
zaul
2021-03-16 10:09:34 +08:00
flex 一把梭
Mutoo
2021-03-16 10:13:00 +08:00
@murmur postcss 管线 + @apply 喽。tailwindcss 2.0 早就工程化了。
ctrlands
2021-03-16 10:13:18 +08:00
现在不用兼容 ie 了,工作后几乎没有遇到过要 兼容 ie 的项目了
hahastudio
2021-03-16 10:13:32 +08:00
因为排版是一个非常复杂的问题
66beta
2021-03-16 10:17:34 +08:00
不考虑历史问题兼容性问题的话
你需要易读性的话,可以在 tailwindcss 上自定义一套更语义化的:
.padding-vertical-2 {
@apply py-2;
}
Liam1997
2021-03-16 10:27:30 +08:00
现在很少手撸 CSS 的吧,基本都是各种 UI 框架一把梭,自己写点儿 sass 、less,布局 flex 就能 cover 大部分场景了。自己的网站可以使用 tailwindcss 啥的。
otakustay
2021-03-16 10:31:24 +08:00
“更简单明了地定义样式的语言”就是“现代化的 CSS”
Web 布局的核心是流式布局,这是很少在其它 UI 体系中见到的形式,而现有的 CSS 几乎是流式布局的最佳声明方式了
如果你要的不是流式布局,比如传统的绝对定位或者卡片布局,那可能会有一些更好的声明式的方案,或者直接找带 Layout 的组件库就行了
charlie21
2021-03-16 10:52:38 +08:00
@Mutoo tailwind 是给 CSS 老手的,从 a 到 z 有两种途径,a-b-c-d-...-z 和 a-z,后者直接劝退
TomatoYuyuko
2021-03-16 11:01:50 +08:00
tailwindcss 了解一下?
charlie21
2021-03-16 11:05:51 +08:00
为什么呢?不符合认识事物的规律 直接限制你的词汇量
sugars
2021-03-16 11:06:44 +08:00
先把盒子模型理解透了,css 就不难了
Sapp
2021-03-16 11:49:38 +08:00
用 flex, 不要看兼容性,不要看各种稀奇古怪的花招,他马上就简单起来了。
wolfan
2021-03-16 11:52:41 +08:00
只要不需要用 CSS 作动画什么的,其实本一天就成吧。

runoob 菜鸟上看入门,MDN 上学精通。https://caniuse.com/#home 上查通用。
USAA
2021-03-16 13:41:22 +08:00
JS 才难
gitdoit
2021-03-16 14:07:08 +08:00
这东西找个教程静下心看几天,常用的几种东西都知道的差不多了。高阶的后面再慢慢看

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/761935

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX