学习笔记:HTML5+CSS3命名规范

song 415 0

为了搞好这个博客,没有接触过PHP的我,四年没有看过任何程序代码的我,又开始努力学习了,这年代,只要会用百度,应该没有什么事情搞不定吧,希望这次能把时间缩短一点,我的毛病,如果博客不是自己喜欢的样子,很难写出东西来的,所以,原来的误区就是玩了五六年的博客,没有写过东西,天天不是设计界面,就是在改样式表,其实现在也是,看了一圈博客,我所接触到的博主也是这样,都是玩各种技术的,做着网上都可以搜到的技术,把博客弄的一个比一个花里胡稍,年龄这东西吧,如同小孩子爱拆玩具一样,你如何去劝说,甚至是呵斥都没办法改变的,说句最俗的话,博客就是个钱包,内容才是里面的钞票,不要把时间花费在研究怎么做个漂亮的钱包上去,不过,换位思考,都不去研究做钱包,好象是钱也没地方装了,没有任何绝对的东西,随着成长慢慢自己悟吧……

下面是搜来的内容:任何代码编程都有各自特点的常用命名规范,div+css 页面设计也不例外。遵守常用的 css 命名规范有利于代码的升级和扩展,也有利于让别人读懂你的 css 代码,让你的页面显得清晰有条理。
[h1]css 文件名命名规范[/h1]
模块:module.css
基本共用:base.css
布局、版面:layout.css
主题:themes.css
专栏:columns.css
文字:font.css
表单:forms.css
补丁:mend.css
打印:print.css

[h1]页面结构元素 div 命名规范[/h1]
头:header
内容:content/container
尾: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

[h1]页面结构[/h1]
容器: container
页头:header
内容:content/container
页面主体:main
页尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center

[h1]颜色命名-使用颜色的名称或者 16 进制代码[/h1]

.red { color: red; } .f60 { color: #f60; } .ff8600 { color: #ff8600; }

[h1]字体大小命名-直接使用“font+字体大小”作为名称[/h1]

.font12px { font-size: 12px; } .font9pt { font-size: 9pt; }

[h1]对齐样式命名-使用对齐目标的英文名称[/h1]

.left { float: left; } .bottom { float: bottom; }

[h1]标题栏样式命名-使用“类别+功能”的方式命名[/h1]

.barnews { } .barproduct { }

[h1]注释书写规范[/h1]

  1. 行间注释-直接写于属性值后面,如:
.search { border: 1px solid #fff; /*定义搜索输入框边框*/ 
background: url(../images/icon.gif) no-report #333; /*定义搜索框的背景*/ }
  1. 整段注释-分别在开始及结束地方加入注释,如:
/*=====搜索条=====*/
 .search { border: 1px solid #fff; background: url(../images/icon.gif) no-repeat #333; } 
/*=====搜索条结束=====*/

[h1]注意事项[/h1]
1、一律小写;
2、尽量用英文;
3、尽量不缩写,除非一看就明白的单词;
4、属性的值一定要用双引号[mark]“”[/mark]括起来,且一定要有值如[mark] class=”divcss5”[/mark],[mark]id=”divcss5”[/mark];
5、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整。

我不会英语,初中没有读完,所以,做这些事情很费力,别人看一下单词就知道什么意思,我全靠死记硬背,人笨就要多读书,现在记性不好了,只能把笔记都做好了……

发表评论 取消回复
表情 图片 链接 代码

分享