HTML,CSS的取名习惯性总结

2020-11-02 21:21 jianzhan
CSS取名标准
头:header
內容:content/containe
尾:footer
导航栏:nav
侧栏:sidebar
栏目:column
网页页面外围操纵总体合理布局宽度:wrapper
上下中:left right center
登陆条:loginbar
标示:logo
广告宣传:banner
网页页面行为主体:main
网络热点:hot
新闻:news
免费下载:download
子导航栏:subnav
菜单:menu
子菜单:submenu
检索:search
友谊连接:friendlink
页脚:footer
版权:copyright
翻转:scroll
內容:content
标识页:tab
文章内容目录:list
提醒信息内容:msg
小窍门:tips
栏总体目标题:title
添加:joinus
指南:guild
服务:service
申请注册:regsiter
情况:status
网络投票:vote
协作小伙伴:partner
XHTML文档中id的取名
(1)网页页面构造
器皿: container
页头:header
內容:content/container
网页页面行为主体:main
页尾:footer
导航栏:nav
侧栏:sidebar
栏目:column
网页页面外围操纵总体合理布局宽度:wrapper
上下中:left right center
(2)导航栏
导航栏:nav
主导航栏:mainbav
子导航栏:subnav
顶导航栏:topnav
边导航栏:sidebar
左导航栏:leftsidebar
右导航栏:rightsidebar
菜单:menu
子菜单:submenu
题目: title
引言: summary
(3)作用
标示:logo
广告宣传:banner
登录:login
登陆条:loginbar
申请注册:regsiter
检索:search
作用区:shop
题目:title
添加:joinus
情况:status
按钮:btn
翻转:scroll
标识页:tab
文章内容目录:list
提醒信息内容:msg
当今的: current
小窍门:tips
标志: icon
注解:note
指南:guild
服务:service
网络热点:hot
新闻:news
免费下载:download
网络投票:vote
协作小伙伴:partner
友谊连接:link
版权:copyright
XHTML文档中class的取名
(1)色调:应用色调的名字或16进制编码,如(不提议以主要表现来取名)
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
(2)字体样式尺寸,立即应用"font+字体样式尺寸"做为名字,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
(3)对齐款式,应用对齐总体目标的英文名字,如
.left { float:left; }
.bottom { float:bottom; }
(4)题目栏款式,应用"种别+作用"的方法取名,如
.barnews { }
.barproduct { }
其它有关留意事项
1.1律小写;
2.尽可能用英文;
3.不加中杠和下划线;
4.尽可能不缩写,除非1看就搞清楚的单词.
关键的 master.css
控制模块 module.css
基础同用 base.css
合理布局,版面 layout.css
主题 themes.css
专栏 columns.css
文本 font.css
表单 forms.css
补钉 mend.css
复印 print.css