DIV+CSS教程

css命名的一些规则

 2017-06-08
◎ 简介:很前端开发的程序猿一般不会非常有调理的对CSS进行命名,然而一个可读性极强的网站不管对于开发者还是自己,都是非常重要的,我们需要别的前端程序猿一看你的代码,就能大体上知道

很前端开发的程序猿一般不会非常有调理的对CSS进行命名,然而一个可读性极强的网站不管对于开发者还是自己,都是非常重要的,我们需要别的前端程序猿一看你的代码,就能大体上知道这块区域写的是什么,这也可以给自己日后对网站的修改减少难度,一个合格的程序猿,他的代码也必须具有可读性,下面,我们就来为大家提供一些网站大体上对CSS的命名规则

头部:header
内 容:container
尾部:footer
导航:nav

子导航:subnav
侧栏:sidebar
栏目:column
页 面外围控制整体布局宽度:wrapper
左右中:left right center
登录条:loginbar
标 志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下 载:download
菜单:menu
子菜单:submenu
搜 索:search
友情链接:link
页脚:footer
版权:copyright
滚 动:scroll
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技 巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
注 册:regsiter
投票:vote
合作伙伴:partner

摘要: summary
按钮:btn
标 签页:tab
当前的: current
小技巧:tips
图标: icon
注释:note

注意事项

1.一律小写;
2.尽量用英文;
3.中杠和下划线尽量少加,不能超过3个
4.尽量不缩写,除非一看 就明白的单词.
主要的 master.css
模块 module.css
基本共用 base.css或者public.css
布局,版面 layout.css
主题 themes.css
专栏 columns.css
文字 font.css
表单 forms.css
补丁 mend.css
打印 print.css

当然,对于前端开发者来说,我们也可以把不常打开的网页的样式放在一个CSS文件里面,减少频繁又无用的调用

×

请扫描二维码访问手机站!