站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
SiteFactoryCMS:CSS定义划分及命名规范
”
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
__NOTOC__ <span style="text-align:center; border:1px solid #000; float:right; padding:6px;"><strong>导航:</strong> [[SiteFactoryCMS:动易模板体系揭秘|上一页]] | {{Template:PowerEasy导航}}</span> <div style="clear:both;"></div> <p style="text-indent:2em;">了解[[CSS]]定义和统一CSS命名规范,无论是查阅、还是同步书写CSS定义都会比较方便。下面简单讲解系统默认提供 CSS定义的划分及命名规范。</p> <h4>全局元素命名</h4> <p style="text-indent:2em;">对于默认的CSS全局样式(如body、a、td、input、li等),则以全局元素名定义这些全局元素的风格样式。</p> <h4>按位置命名</h4> <p style="text-indent:2em;">[[网站]]风格整体通用命名规则以[[网页]]顶部、中部、底部三个大区块位置及其内部位置进行划分与命名,如:</p> <p style="text-indent:2em;">·网页顶部范围样式命名为:top_all</p> <p style="text-indent:2em;">·网页中部范围样式命名为:center_all</p> <p style="text-indent:2em;">·网页底部范围样式命名为:bottom_all</p> <p style="text-indent:2em;">·网页顶部定义的样式命名为:head_***。</p> <p style="text-indent:2em;">·网页中部定义的样式命名为:main_***。</p> <p style="text-indent:2em;">·网页底部定义的样式命名为:foot_***。</p> <p style="text-indent:2em;">·网页中部左侧定义的样式命名为:l_***;中部中间定义的样式命名为:c_***;中部右侧定义的样式命名为:r_***。</p> <h4>按使用范围命名</h4> <p style="text-indent:2em;">对于特定范围内使用的CSS样式,一般以其使用范围为命名,如:网站标识(logo)、顶部链接(top_link)、导航菜单(menu)、导航图片(menubox_pic)等。</p> <p style="text-indent:2em;">对于特定范围内的多种CSS样式,一般按“范围_功能”的命名规则进行命名。如:站内搜索(main_search)、右侧导航(r_navigation)、右侧广告(r_ad)、中部标题(c_title)等。</p> <h4>综合命名</h4> <p style="text-indent:2em;">为避免定义过多的CSS名,方便使用时记忆,对于在类别中所需要使用的一些定义按“范围(功能)_ 范围_定义名”的命名规则命名,如:网页中部右侧整体定义(main_right_box)、中部中间定义(c_main_box)、父栏目二列式左右循环(childclass_main_box)。</p> <div style="width:790px; border:1px solid #000;"> [[{{ns:image}}:sf601.jpg]]</div> [[category:SiteFactoryCMS模板管理]]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)
本页使用的模板:
模板:PowerEasy导航
(
查看源代码
)(受保护)