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
 
                     
                    
                 
                    
                
 
                
            
         
         浙公网安备 33010602011771号
浙公网安备 33010602011771号