《
css命名规则:图片切图转网页的代码规范》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/03023330R013.htm
功能区:shop
3.id名及类名的多个英文单词之间使用“_”短横线分隔;
布局,版面 layout.css
.font12px { font-size: 12px; }
注册:regsiter
下载:download
左导航:leftsidebar
导航:nav
菜单:menu 子菜单:submenu 标题: title 摘要: summary
侧栏:sidebar 栏目:column 左右中:left right center
标签页:tab
状况:status
友谊链接:link
.red { color: red; }
解释:note
图标: icon
协作搭档:partner
.font9pt {font-size: 9pt; }
,CSS命名的三种规范化命名规则.barproduct { }
文字 font.css 表单 forms,CSS加载失败原因的总结与分析.css 补丁 mend.css
附:一些CSS框架的命名参考
登录条:loginbar
提醒信息:msg
标题:title
当前的: current
登陆:login
子导航:subnav
搜寻:search
参加:joinus
(4)题目栏样式,使用"种别+功效"的方法命名,如
1.不使用大写情势的类名和id名;
.f60 { color: #f60,CSS制作网页的一些经验分享; }
标记:logo
页面主体:main 页尾:footer 导航:nav
Tag:代码 规范 网页 图片  ,
CSS制作网页时清除网页浮动的作用; 命名 规则 代码 规范 网页 图片 命名  ,
css制作漂亮的新闻列表; 规则
(1)颜色:使用色彩的名称或者16进制代码,如
主导航:mainbav
网上收拾的比拟好的css命名规矩,为css代码的标准化做参考,增添代码的可读性。
容器: container 页头:header 内容:content/container
--> [
网站建设之]css命名规则:图片切图转网页的代码规范
转动:scroll
按钮:btn
重要的 master.css 模块 module,CSS制作星级评价的功能.css 基础共用 base,CSS初学者必知CSS技巧.css
4.按区域进行描述编号 例:main01_div01_ul01 (能够懂得为主体第一区域 第一DIV下的第一个UL)
(2)导航
2,CSS创建圆角框.尽可能使用描写性的英文单词的组配合为类名跟id名;
顶导航:topnav
边导航:sidebar
右导航:rightsidebar
指南:guild
留神事项:
服务:service
(3)对齐款式,应用对齐目的的英文名称,CSS分内部和外部两种方式,如
class的命名:
(2)字体大小,直接使用"font+字体大小"作为名称,如
消息:news
.barnews { }
小技能:tips
版权:copyright
主题 themes.css 专栏 columns.css 打印 print.css
.bottom { float:bottom; }
.ff8600 { color: #ff8600; }
页面外围把持整体布局宽度:wrapper
(3)功能
投票:vote
广告:banner
(1)页面构造
id的命名:
热门:hot
文章列表:list
,css兼容调试常见情况及相应方法.left { float:left; }
(责任编辑:网站建设)
css命名规则:图片切图转网页的代码规范相关文章