CSS的状态

    JavaScript越来越有一统天下的趋势,这已经不是什么秘密了。但是你可能不知道的是,CSS也同样的在进化,在创新。
    CSS最近已突飞猛进,得到很多的改善。甚至CSS都有可能不再是你认识的CSS了。当你不注意的时候,CSS社区开发了很多真正解决许多古怪的CSS问题,在这个过程不需要使用一些黑魔法,以前的缺陷也不再是缺陷。也使这些害群之马从前端的家庭中踢出去。
    在这篇文章中,将会介绍CSS中的五种老的处理方式,而今天你不再需要那样做。既然不需要那样做了,那又应该怎么做呢?接下来就一一给大家呈现。
    不在需要命名约定
    CSS的命名是CSS的头号问题,特别是在大多数比例下:每一样的都是全局的。
    上图来自于http://speakerdeck.com/vjeux/react-css-in-js
    所有选择器中存在相同的全局命名空间,随着时间的推移,很有可能在使用的过程中会碰到意想不到的副作用。如果你不想选择器定位到元素或者被其他选择器覆盖。我们有必要回避这些问题,找到解决这些问题方法(常见的CSS方法有OOCSS、SMACSS或者更受欢迎的BEM)。通过这些命名的约定来帮助我们避免类名的冲突。
    有关于OOCSS、SMACSS、BEM或者类似相关命名方法的相关资源:
    OOCSS
    SMACSS

    BEM

 北京整形隆鼻医院http://www.ahzdzs.com/

    CSS Architecture and Methodologies
    Organizing CSS: OOCSS, SMACSS, and BEM
    OOCSS, ACSS, BEM, SMACSS: what are they? What should I use?
    Atomic OOBEMITSCSS
    BEM & Atomic Design: A CSS Architecture Worth Loving
    BEMIT: Taking the BEM Naming Convention a Step Further
    ITCSS: SCALABLE AND MAINTAINABLE CSS ARCHITECTURE
    Understanding CSS Writing Methodologies
    The Role of Utility Classes in Scalable CSS
    淺談 CSS 方法論與 Atomic CSS
    Meaningful CSS: Style Like You Mean It
    CSS Methodologies
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值