|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
破洛洛文章简介:网页切图过程当中div+CSS定名划定规矩.
网上收拾的对照好的css定名划定规矩,为css代码的标准化做参考,增添代码的可读性。
id的定名:
(1)页面布局
容器:container页头:header内容:content/container
页面主体:main页尾:footer导航:nav
侧栏:sidebar栏目:column摆布中:leftrightcenter
页面核心把持全体结构宽度:wrapper
(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.不利用年夜写情势的类名和id名;
2.尽量利用形貌性的英文单词的组互助为类名和id名;
3.id名及类名的多个英文单词之间利用“_”短横线分开;
4.按地区举行形貌编号例:main01_div01_ul01(能够了解为主体第一地区第一DIV下的第一个UL)
附:一些CSS框架的定名参考
次要的master.css模块module.css基础共用base.css
主题themes.css专栏columns.css打印print.css
笔墨font.css表单forms.css补钉mend.css
结构,版面layout.css
</p>
学习这篇入门教程之前,请确定你已经具有了一定的HTML基础。 |
|