css命名规范及特殊字符
2010-04-15 14:15
381 查看
页头:header
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
友情链接:friendLink
页脚:footer
版权:copyRight
1.CSS ID 的命名
外 套: wrap
主导航: mainNav
子导航: subnav
页 脚: footer
整个页面: content
页 眉: header
页 脚: footer
商 标: label
标 题: title
主导航: mainNav(globalNav)
顶导航: topnav
边导航: sidebar
左导航: leftsideBar
右导航: rightsideBar
旗 志: logo
标 语: banner
菜单内容1: menu1Content
菜单容量: menuContainer
子菜单: submenu
边导航图标:sidebarIcon
注释: note
面包屑: breadCrumb(即页面所处位置导航提示)
容器: container
内容: content
搜索: search
登陆: login
功能区: shop(如购物车,收银台)
当前的 current
2.另外在编辑样式表时可用的注释可这样写:
<– Footer –>
内容区
<– End Footer –>
3.样式文件命名
主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
字符 编号 实体名 说明
空格Nonbreaking space
? ¡ ¡ Inverted exclamation
¢ ¢ ¢ 货币分标志Cent sign
£ £ £ 英镑标志Pound sterling
¤ ¤ ¤ 通用货币标志General currency sign
¥ ¥ ¥ 日元标志Yen sign
| ¦ ¦ or &brkbar; 断竖线Broken vertical bar
§ § § 分节号Section sign
¨ ¨ ¨ or ¨ 变音符号Umlaut
? © © 版权标志Copyright
a ª ª Feminine ordinal
? « « Left angle quote, guillemet left
? ¬ ¬ Not sign
Soft hyphen
? ® ® 注册商标标志Registered trademark
ˉ ¯ ¯ or &hibar; 长音符号Macron accent
° ° ° 度数标志Degree sign
± ± ± 加或减Plus or minus
2 ² ² 上标2 Superscript two
3 ³ ³ 上标3 Superscript three
′ ´ ´ 尖重音符Acute accent
μ µ µ Micro sign
? ¶ ¶ Paragraph sign
· · · Middle dot
? ¸ ¸ Cedilla
1 ¹ ¹ 上标1 Superscript one
o º º Masculine ordinal
? » » Right angle quote, guillemet right
? ¼ ¼ 四分之一Fraction one-fourth
? ½ ½ 二分之一Fraction one-half
? ¾ ¾ 四分之三Fraction three-fourths
? ¿ ¿ Inverted question mark
à À À Capital A, grave accent
á Á Á Capital A, acute accent
? Â Â Capital A, circumflex
? Ã Ã Capital A, tilde
? Ä Ä Capital A, di?esis / umlaut
? Å Å Capital A, ring
? Æ Æ Capital AE ligature
? Ç Ç Capital C, cedilla
è È È Capital E, grave accent
é É É Capital E, acute accent
ê Ê Ê Capital E, circumflex
? Ë Ë Capital E, di?esis / umlaut
ì Ì Ì Capital I, grave accent
í Í Í Capital I, acute accent
? Î Î Capital I, circumflex
? Ï Ï Capital I, di?esis / umlaut
D Ð Ð Capital Eth, Icelandic
? Ñ Ñ Capital N, tilde
ò Ò Ò Capital O, grave accent
ó Ó Ó Capital O, acute accent
? Ô Ô Capital O, circumflex
? Õ Õ Capital O, tilde
? Ö Ö Capital O, di?esis / umlaut
× × × 乘号Multiply sign
? Ø Ø Capital O, slash
ù Ù Ù Capital U, grave accent
ú Ú Ú Capital U, acute accent
? Û Û Capital U, circumflex
ü Ü Ü Capital U, di?esis / umlaut
Y Ý Ý Capital Y, acute accent
T Þ Þ Capital Thorn, Icelandic
? ß ß Small sharp s, German sz
à à à Small a, grave accent
á á á Small a, acute accent
a â â Small a, circumflex
? ã ã Small a, tilde
? ä ä Small a, di?esis / umlaut
? å å Small a, ring
? æ æ Small ae ligature
? ç ç Small c, cedilla
è è è Small e, grave accent
é é é Small e, acute accent
ê ê ê Small e, circumflex
? ë ë Small e, di?esis / umlaut
ì ì ì Small i, grave accent
í í í Small i, acute accent
? î î Small i, circumflex
? ï ï Small i, di?esis / umlaut
e ð ð Small eth, Icelandic
? ñ ñ Small n, tilde
ò ò ò Small o, grave accent
ó ó ó Small o, acute accent
? ô ô Small o, circumflex
? õ õ Small o, tilde
? ö ö Small o, di?esis / umlaut
÷ ÷ ÷ 除号Division sign
? ø ø Small o, slash
ù ù ù Small u, grave accent
ú ú ú Small u, acute accent
? û û Small u, circumflex
ü ü ü Small u, di?esis / umlaut
y ý ý Small y, acute accent
t þ þ Small thorn, Icelandic
? ÿ ÿ Small y, umlaut
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
友情链接:friendLink
页脚:footer
版权:copyRight
1.CSS ID 的命名
外 套: wrap
主导航: mainNav
子导航: subnav
页 脚: footer
整个页面: content
页 眉: header
页 脚: footer
商 标: label
标 题: title
主导航: mainNav(globalNav)
顶导航: topnav
边导航: sidebar
左导航: leftsideBar
右导航: rightsideBar
旗 志: logo
标 语: banner
菜单内容1: menu1Content
菜单容量: menuContainer
子菜单: submenu
边导航图标:sidebarIcon
注释: note
面包屑: breadCrumb(即页面所处位置导航提示)
容器: container
内容: content
搜索: search
登陆: login
功能区: shop(如购物车,收银台)
当前的 current
2.另外在编辑样式表时可用的注释可这样写:
<– Footer –>
内容区
<– End Footer –>
3.样式文件命名
主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
字符 编号 实体名 说明
空格Nonbreaking space
? ¡ ¡ Inverted exclamation
¢ ¢ ¢ 货币分标志Cent sign
£ £ £ 英镑标志Pound sterling
¤ ¤ ¤ 通用货币标志General currency sign
¥ ¥ ¥ 日元标志Yen sign
| ¦ ¦ or &brkbar; 断竖线Broken vertical bar
§ § § 分节号Section sign
¨ ¨ ¨ or ¨ 变音符号Umlaut
? © © 版权标志Copyright
a ª ª Feminine ordinal
? « « Left angle quote, guillemet left
? ¬ ¬ Not sign
Soft hyphen
? ® ® 注册商标标志Registered trademark
ˉ ¯ ¯ or &hibar; 长音符号Macron accent
° ° ° 度数标志Degree sign
± ± ± 加或减Plus or minus
2 ² ² 上标2 Superscript two
3 ³ ³ 上标3 Superscript three
′ ´ ´ 尖重音符Acute accent
μ µ µ Micro sign
? ¶ ¶ Paragraph sign
· · · Middle dot
? ¸ ¸ Cedilla
1 ¹ ¹ 上标1 Superscript one
o º º Masculine ordinal
? » » Right angle quote, guillemet right
? ¼ ¼ 四分之一Fraction one-fourth
? ½ ½ 二分之一Fraction one-half
? ¾ ¾ 四分之三Fraction three-fourths
? ¿ ¿ Inverted question mark
à À À Capital A, grave accent
á Á Á Capital A, acute accent
? Â Â Capital A, circumflex
? Ã Ã Capital A, tilde
? Ä Ä Capital A, di?esis / umlaut
? Å Å Capital A, ring
? Æ Æ Capital AE ligature
? Ç Ç Capital C, cedilla
è È È Capital E, grave accent
é É É Capital E, acute accent
ê Ê Ê Capital E, circumflex
? Ë Ë Capital E, di?esis / umlaut
ì Ì Ì Capital I, grave accent
í Í Í Capital I, acute accent
? Î Î Capital I, circumflex
? Ï Ï Capital I, di?esis / umlaut
D Ð Ð Capital Eth, Icelandic
? Ñ Ñ Capital N, tilde
ò Ò Ò Capital O, grave accent
ó Ó Ó Capital O, acute accent
? Ô Ô Capital O, circumflex
? Õ Õ Capital O, tilde
? Ö Ö Capital O, di?esis / umlaut
× × × 乘号Multiply sign
? Ø Ø Capital O, slash
ù Ù Ù Capital U, grave accent
ú Ú Ú Capital U, acute accent
? Û Û Capital U, circumflex
ü Ü Ü Capital U, di?esis / umlaut
Y Ý Ý Capital Y, acute accent
T Þ Þ Capital Thorn, Icelandic
? ß ß Small sharp s, German sz
à à à Small a, grave accent
á á á Small a, acute accent
a â â Small a, circumflex
? ã ã Small a, tilde
? ä ä Small a, di?esis / umlaut
? å å Small a, ring
? æ æ Small ae ligature
? ç ç Small c, cedilla
è è è Small e, grave accent
é é é Small e, acute accent
ê ê ê Small e, circumflex
? ë ë Small e, di?esis / umlaut
ì ì ì Small i, grave accent
í í í Small i, acute accent
? î î Small i, circumflex
? ï ï Small i, di?esis / umlaut
e ð ð Small eth, Icelandic
? ñ ñ Small n, tilde
ò ò ò Small o, grave accent
ó ó ó Small o, acute accent
? ô ô Small o, circumflex
? õ õ Small o, tilde
? ö ö Small o, di?esis / umlaut
÷ ÷ ÷ 除号Division sign
? ø ø Small o, slash
ù ù ù Small u, grave accent
ú ú ú Small u, acute accent
? û û Small u, circumflex
ü ü ü Small u, di?esis / umlaut
y ý ý Small y, acute accent
t þ þ Small thorn, Icelandic
? ÿ ÿ Small y, umlaut