V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Angela2022
V2EX  ›  程序员

[CSS 样式众多, 请问如何进行高效的 CSS 学习]

  •  
  •   Angela2022 · 2022-12-04 12:16:10 +08:00 · 2438 次点击
    这是一个创建于 722 天前的主题,其中的信息可能已经有所发展或是发生改变。
    跪求 CSS 样式的学习总结和学习笔记及记忆方法 谢谢!
    12 条回复    2022-12-04 17:05:39 +08:00
    ccyu220
        1
    ccyu220  
       2022-12-04 14:12:11 +08:00
    总结没用,看到网页上好看的效果,要动手敲。

    2016 年的时候我就是照着「站长之家」上国外的模板一个一个敲
    bnm965321
        2
    bnm965321  
       2022-12-04 14:23:49 +08:00
    布局是最重要的,学会布局以后其它的样式你大多有自信可以对照着实现
    vopin
        3
    vopin  
       2022-12-04 14:32:48 +08:00
    我本来搞不明白 CSS ,但是直接上手 TailwindCSS 意外发现很简单。flexbox 一把梭。
    subframe75361
        4
    subframe75361  
       2022-12-04 14:47:07 +08:00
    obsidian 写一套主题
    arnosolo
        5
    arnosolo  
       2022-12-04 14:56:08 +08:00
    其实吧, 就是写得少了. 写多了发现除了动画难点, 其他 flex 加 relative absolute 全部搞定
    Track13
        6
    Track13  
       2022-12-04 16:05:18 +08:00 via Android
    多写,多看。
    css 和 html 绑定的,拆分不对写起来也难受。
    TWorldIsNButThis
        7
    TWorldIsNButThis  
       2022-12-04 16:06:57 +08:00
    直接 tailwind ,看他源码学习
    stevezhang
        8
    stevezhang  
       2022-12-04 16:36:05 +08:00
    可以用 tailwind 写 grid 布局么
    flex 在布局上还是有点弱
    iosyyy
        9
    iosyyy  
       2022-12-04 16:41:14 +08:00
    基础的可以看 https://www.freecodecamp.org/learn/了解下语法 深的建议看看其他人的代码 看看别人是咋写的
    Finnn
        10
    Finnn  
       2022-12-04 16:45:39 +08:00
    因为 CSS 东西很多非常多非常碎, 又不是程序语言, 所以很少涉及到逻辑性
    但是日常业务用得到的并不多, 就像日常英语一样,所以没必要去学个大而全
    CSS 是非正交的,很多属性是相互影响的,比如 line-height vertical-align height ,盒模型值的合并,fixed 变 absolute 等

    很多人推荐 tailwindCSS , 因为 tailwind 是原子化的,每个 class 只负责一个属性的设置,相比传统的定义容易理解一些,方便快速出效果,但是跟 AI 写码一样,它写出来的你也要能实现能懂得才行
    ifdef
        11
    ifdef  
       2022-12-04 17:02:20 +08:00
    CSS (层叠样式表)是一种用于控制网页布局和格式的样式语言。CSS 样式众多,要想高效地学习 CSS 需要遵循以下几个原则:

    了解 CSS 的基本概念和特点。CSS 是一种用于控制网页布局和格式的样式语言,它能够帮助我们设计出美观、简洁、整洁的网页。了解 CSS 的基本概念有助于我们更好地理解 CSS 的作用和特点,从而更好地学习和使用 CSS 。

    掌握 CSS 的基本语法和书写规范。CSS 的语法非常简单,但如果不遵守相应的书写规范,容易出现语法错误,导致网页无法正常显示。因此,在学习 CSS 时,需要掌握 CSS 的基本语法和书写规范,以便能够编写出正确无误的 CSS 代码。

    实践为王。学习 CSS 时,要尽可能多地实践,并不断总结经验。在实践中,可以多次编写 CSS 代码,并与其他同学交流,以便互相学习和交流经验。在实践中不断总结经验,可以更好地掌握 CSS ,并在实际应用中更好地运用 CSS 。

    by chatgpt
    Finnn
        12
    Finnn  
       2022-12-04 17:05:39 +08:00
    @Finnn line-height vertical-align height 等效同色异谱现象, 是 CSS 里更常见的现象
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5635 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 07:13 · PVG 15:13 · LAX 23:13 · JFK 02:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.