|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。
经常使用的CSS定名划定规矩
头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面核心把持全体结构宽度:wrapper
摆布中:leftrightcenter
登录条: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
(二)正文的写法:
/*Footer*/
内容区
/*EndFooter*/
(三)id的定名:
(1)页面布局
容器:container
页头:header
内容:content/container
页面主体:main
页尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面核心把持全体结构宽度:wrapper
摆布中:leftrightcenter
(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
(四)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.一概小写;
2.只管用英文;
3.不加中杠和下划线;
4.只管不缩写,除非一看就分明的单词.
次要的master.css
模块module.css
基础共用base.css
结构,版面layout.css
主题themes.css
专栏columns.css
笔墨font.css
表单forms.css
补钉mend.css
打印print.css
</p>
在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处? |
|