CSS设计网页时的一些常用规范

当前位置 : 首页 > 网页制作 > CSS > CSS设计网页时的一些常用规范

CSS设计网页时的一些常用规范

来源: 作者: 时间:2015-12-16 18:25
CSS命名规范,让 别人更容易的看懂你的代码,方便二次开发。
CSS命名规范,让 别人更容易的看懂你的代码,方便二次开发。
CSS命名规范
一.文件命名规范

全局样式:global.css
框架布局:layout.css;
字体样式:font.css;
链接样式:link.css;
打印样式:print.css;

二.常用类/ID命名规范

页 眉:header
内 容:content
容 器:container
页 脚:footer
版 权:copyright 
导 航:menu
主导航:mainMenu
子导航:subMenu
标 志:logo
标 语:banner
标 题:title
侧边栏:sidebar
图 标:Icon
注 释:note
搜 索:search
按 钮:btn
登 录:login
链 接:link
信息框:manage
……

常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。对于二级类/ID命名,则采用组合书写的模式,后一个单词的首字母应大写:诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn”……
1
Tag:
网友评论

<