css 好难,你们怎么熟练把 css 用起来的?

查看 181|回复 18
作者:b1t   
在学前端,看了 React 、Nextjs
又边看 Tailwind CSS 的文档边写点东西
但是 css 是来回调试,经常不生效,或者位置奇奇怪怪
css 有什么固定套路可以用吗?
你们怎么度过的这个阶段?
murmur   
都 2024 了,不需要做 IE 兼容性,不要求你背八股文写各种奇奇怪怪的 hack ,有 flex 布局,直接源生支持--var 和 calc
搭配 ai 加成和各种工具,比如专门做阴影、渐变的
学不会就是菜,难什么,你没好好学而已
murmur   
抛去各种炫技、动画,css 本身是切分的艺术,要学会拆布局,拆成几个部分,找出每个部分的规律,一层层拆下去
b1t
OP
  
@murmur 大佬,确实想着着急出东西,想着边用边学,不过不尽人意。目前在尝试着重新实现一边 v 站,这个过程基本要靠 gpt 完成布局,自己 css 写起来很吃力,如果掌握 flex 布局,是不是就能应对大部分场景了?
reDesign   
刚好也在用 nextjs 和 tailwind 搞博客,放一个链接在这,https://www.augusts.me 。
我的答案就是先用起来,边解决问题边熟练。就像学习 office 一样,看完《 word 操作大全还是不会用 word 》,能解决自己需求就好了。
InDom   
我现在前段的状态就是,你让我微调边距,字体,样式都还行。
但你让我搞布局,我想上吊...
hevi   
可以快速把《响应式 Web 设计 HTML5 和 CSS3 实战(图灵出品)》(俗称瓢虫书)看看,我当时是用它入门的。
然后把阮一峰老师的 flex 和 grid 布局文章都看看,就可以莽了
murmur   
@b1t gpt 可以写代码,但是得自己练习,毕竟 gpt 出的东西和已有项目的风格不一样,你乱写未必过的了代码审查
可以试着先无视各种文字、按钮,先把每个区域用白块做出来,布局做熟练了再开始填内容
比如这个 v 左侧区域,可以先把主楼 回复 新回复框 这几个白块做出来,然后在回复里拆出子楼层,然后分出回复的头像、标题、正文区域,一点点循序渐进来
这种拆布局拆两次就习惯了,很简单
b1t
OP
  
@InDom
@hevi
啊,所以布局方面,大家基本上都是通过 flex 布局一把索是嘛
murmur   
@b1t 你一开始不考虑 position: absolute 这些用法或者用 before ,after 写伪类,可以把所有的布局都按左右、上下拆分,这样写出来就简单的多,上手也快
您需要登录后才可以回帖 登录 | 立即注册

返回顶部