zoukankan      html  css  js  c++  java
  • 网站制作越简单越好(一):css样式命名规范

    网站制作越简单越好(一):css样式命名规范

    4 赞 
    主页 > SEO > SEO技术 > 阅读:358次作者: CRAZYSEO发布日期: 2017-10-24 08:58:06
    SEO诊断、外包、顾问业务 请联系QQ:3534790242
     1、CSS文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 2、CSS样式命名规范 CRAZYSEO工程师建议:用字母、_号工、...

    1、CSS文件命名规范

    全局样式:global.css;

    框架布局:layout.css;

    字体样式:font.css;

    链接样式:link.css;

    打印样式:print.css;

    2、CSS样式命名规范

    CRAZYSEO工程师建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字。为了开发后样式名管理方便,大家请用有意义的单词或缩写组合来命名,让同事一看就明白这样式大概是哪一块的,这样就节省了查找样式的时间。

    例如: 头部样式用header,头部左边,可以用header_left或header_l,还有如果是列结构的可以这样——box _1of3 (三列中的第一列),box_2of3 (三列中的第二列)、box _3of3 (三列中的第三列),其它的我就不一一举例了。

    大家按以上规律去命名就好。下面列出一些常用的命名单词方便大家使用:(以后大家工作过程中慢慢把自己积累的单词都共享出来,那大家的命就会更加统一了,就不会有一义多词的情况了。)

    容 器:container/box

    头 部:header

    主 导 航:mainNav

    子 导 航:subNav

    顶 导 航:topNav

    网站标志:logo

    大 广 告:banner

    页面中部:mainBody

    底 部:footer

    菜 单:menu

    菜单内容:menuContent

    子 菜 单:subMenu

    子菜单内容:subMenuContent

    搜 索:search

    搜索关键字:keyword

    搜索范围:range

    标签文字:tagTitle

    标签内容:tagContent

    当前标签:tagCurrent/currentTag

    标  题:title

    内 容:content

    列 表:list

    当前位置:currentPath

    侧 边 栏:sidebar

    图 标:icon

    注 释:note

    登 录:login

    注 册:register

    列 定 义:column_1of3 (三列中的第一列)

    column_2of3 (三列中的第二列)

    column_3of3 (三列中的第三列) 

  • 相关阅读:
    软件工程第二次作业
    软件工程第1次作业
    软件工程第0次作业
    第4次作业-案例分析
    第3次作业-四则运算
    第2次作业-效能分析
    第1次作业-词频统计
    第0次作业
    关于 石墨文档客户端 的案例分析
    结对编程
  • 原文地址:https://www.cnblogs.com/chenhonggao/p/9169485.html
Copyright © 2011-2022 走看看