CSS样式规范命名

    无论是使用“.”(小写句号)选择符号开头命名,还是使用“#”(井号)选择符号开头命名都无所谓,但我们最好遵循,主要的重要的特殊的最外层的盒子用“#”(井号)选择符号开头命名,其它都用“.”(小写句号)选择符号开头命名.

    id在JS是唯一的,不能多次使用,而使用class类选择器可以重复使用,而且id的优先级别高于class,所以id应该按需使用。

CSS属性书写顺序:

1、位置属性(position, top, right, z-index, display, float等)

2、大小(width, height, padding, margin)

3、文字系列(font, line-height, letter-spacing, color-text-align等)

4、背景(background, border等)

5、其它(animation, transition等)

CSS样式表文件命名:

主要的——master.css

模块——module.css

基本共用——base.css

布局、版面——layout.css

主题——themes.css

专栏——columns.css

文字——font.css

表单——forms.css

补丁——mend.css

打印——print.css

CSS样式命名:

页面结构

最外层容器————wrap

头部————header

主要内容————main

网页中部主体————content

侧栏————sidebar

左侧————main-left

右侧————main-right

底部————footer

导航

网页菜单导航条————nav

子导航————subnav

顶部导航————topnav

左导航————leftsidebar

右导航————rightsidebar

菜单————menu

栏目标题————title

广告条————banner

版权————copyRight

 功能

按钮————btn

文章列表————list

 

posted @ 2017-03-05 14:55  Lucky锦  阅读(291)  评论(0)    收藏  举报