V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
crs0910
V2EX  ›  问与答

关于前端 CSS 规范,除了网易的 NEC ,还有什么比较常用的样式规范?

  •  1
     
  •   crs0910 · 2015-09-16 16:52:02 +08:00 · 2321 次点击
    这是一个创建于 3356 天前的主题,其中的信息可能已经有所发展或是发生改变。
    12 条回复    2015-09-17 12:12:34 +08:00
    learnshare
        1
    learnshare  
       2015-09-16 17:09:08 +08:00   ❤️ 1
    ChefIsAwesome
        2
    ChefIsAwesome  
       2015-09-16 17:11:31 +08:00   ❤️ 1
    模块拆分,目录结构看看几个出名的 css 框架就行了。

    命名规范为非是保证两点: 1 ,保证你的名字是有个前缀的; 2 ,能区别前缀和连字符。
    推荐下这个:
    https://github.com/suitcss/suit/blob/master/doc/naming-conventions.md

    最重要的,别整虚的,弄一堆自我感觉良好的条条框框限制自己。
    Sivan
        3
    Sivan  
       2015-09-16 17:19:01 +08:00   ❤️ 1
    矮油,雷欧纳德的头像好亲切……

    这类标准挺多的, GitHub 也可以搜到一些
    http://google.github.io/styleguide/htmlcssguide.xml
    https://github.com/airbnb/css
    https://github.com/evernote/css-style-guide
    http://cssguidelin.es/
    crs0910
        4
    crs0910  
    OP
       2015-09-16 17:30:34 +08:00
    @learnshare 这些基本的规范还是知道的,想参考的主要是命名这些,比如 BEM 这些方法论。还有团队协作中会出现的一些命名冲突问题,还有怎么组织和划分 css 文件这些问题。有没有一些成熟的“最佳实践”?
    crs0910
        5
    crs0910  
    OP
       2015-09-16 17:42:10 +08:00
    @Sivan 每年都会拿出来再玩一次~~
    learnshare
        6
    learnshare  
       2015-09-16 17:44:48 +08:00
    @crs0910 可以参考 Bootstrap 这种大型的前端项目,它的结构和命名规范比较可靠
    crs0910
        7
    crs0910  
    OP
       2015-09-17 00:02:20 +08:00
    @learnshare 感觉 bootstrap 作为一个个组件和栅栏布局来说命名是够了,但是页面结构不是只有组件啊。
    另外,怎么都是收藏。木有发言滴。。
    learnshare
        8
    learnshare  
       2015-09-17 09:56:25 +08:00
    @crs0910 页面应该只有组件,能模块化的东西最好都模块化
    crs0910
        9
    crs0910  
    OP
       2015-09-17 11:01:03 +08:00
    @learnshare 有木有参考的例子~
    learnshare
        10
    learnshare  
       2015-09-17 11:30:07 +08:00
    @crs0910 Polymer
    crs0910
        11
    crs0910  
    OP
       2015-09-17 12:11:36 +08:00 via iPhone
    @learnshare 这么说吧 页面可以都是组件 但是几个组件组成一块 这一块你总得挂个 class 吧 我想问的就是这些 class 的命名
    learnshare
        12
    learnshare  
       2015-09-17 12:12:34 +08:00
    @crs0910 所以说参考 Bootstrap 嘛
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2580 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 15:25 · PVG 23:25 · LAX 07:25 · JFK 10:25
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.