网站制作越简单越好(一):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 (三列中的第三列) 

posted @ 2018-06-11 21:57  chenhonggao  阅读(400)  评论(0编辑  收藏  举报