SiteFactoryCMS:CSS定义的分类与注释
来自站长百科
导航: 上一页 | 首页 | DedeCMS | 帝国CMS | Drupal | PHPCMS | PHP168 | Xoops | Joomla | SupeSite
先以记事本打开default.css，一起研究一下CSS定义的注释。为方便其他设计者或用户理解定义的CSS 的作用、用途与范围，默认的CSS以一定的规范提供了简要的注释，了解了注释规范比较容易明白其使用范围及含义。设计师在新定义了特殊用途的CSS样式后，也应养成良好的注释习惯及时添加相应的注释，以方便他人理解与再次运用。
温馨提示：CSS样式的注释以“/* ××× */”标注，前后加“/*”和“*/”开始和结束注释，在“*”和内容相结处空半个空格（注意：“*”和“/”不能加空格）。
default.css注释分布
/* ==全局样式定义== */ …… /* ==整体布局定义== */ …… /* ==top_all(顶部)定义== */ /*--网页头部-- */ …… /* ==top_all(顶部)定义结束== */ /* ==center_all(中部)定义开始== */ /* 本站新闻.r_news */ …… /*--网页中部左侧内容-- */ …… /* --网页中部右侧内容-- */ …… /* ==center_all(中部)定义结束== */ /* ==bottom_all(底部)定义开始== */ /* --网页底部-- */ …… /* ==bottom_all(底部)使用定义结束== */ /* ==通用定义== */ /* 定义ul、li项目预设标记 */ …… /* ==通用结束== */ /* ==网站首页内容显示定义开始== */ /* --网站公告-- */ …… /* ==网站首页内容显示定义结束== */ /* ==书签面板文章定义开始== */ /* 二列式信息列表 */ …… /* ==书签面板文章定义结束== */
从以上注释分布可以看出，CSS定义以网页顶部、中部、底部三个大区块位置及其内部位置进行划分，同时对全局使用、整体布局、通用定义和特殊范围使用（如首页内容、书签面板等）都进行了区分。对于大区块位置的CSS使用范围，以“***开始”与“***结束”注释字样将所定义的CSS包含标识，如：
/* ==top_all(顶部)定义开始== */
……
/* ==top_all(顶部)定义结束== */
分类标注的格式
在注释中，内置三种CSS分类标注格式：
“/* ==center_all(中部)定义开始== */”：内置“==”表示某一大类CSS定义的范围及注释。
“/* --网页中部左侧内容-- */”：内置“--”表示属于本大类中某一小类CSS定义的范围及注释。
“/* 本站新闻.r_news */”：无内置符号表示单独CSS定义的注释。
注释的位置
注释一般放在本类CSS定义之前，如：
/* ==整体布局定义开始== */
/*--head(网页头部)、menu(网页头部导航菜单)、main_bg(网页中部主要内容)、foot(网页底部)--*/
#head, #menu, #foot, #main_bg, .c_padding
{
padding: 0px;
margin: 0px auto;
width: 980px;
}
单个的注释放在CSS定义名后面，如：
#main_left /* 网页中部左侧整体定义 */
{
float: left;
width: 210px;
}