凡某元素组成的图层大于金沙9159官网3层

当前位置:金沙9159 > 金沙9159官网 > 凡某元素组成的图层大于金沙9159官网3层
作者: 金沙9159|来源: http://www.xintuosz.com|栏目:金沙9159官网

文章关键词:金沙9159,布局规则

  “container“ 就是将页面中的所有元素包在一起的部分,这部分还可以命名为: “wrapper“, “wrap“, “page“.

  “header” 是网站页面的头部区域,一般来讲,它包含网站的logo和一些其他元素。这部分还可以命名为:“page-header” (或 pageHeader).

  “navbar“等同于横向的导航栏,是最典型的网页元素。这部分还可以命名为:“nav”, “navigation”, “nav-wrapper”.

  “Main”是网站的主要区域,如果是博客的话它将包含的日志。这部分还可以命名为: “content“, “main-content” (或“mainContent”)。

  “Footer”包含网站的一些附加信息,这部分还可以命名为: “copyright“.

  1.尽量考虑为元素命名其本身的作用或”用意”,达到语义化。不要使用表面形式的命名.

  凡涉及交互行为的元素通常会有正常、悬停、点击和已浏览等不同样式,命名可参考以下规则:

  Photoshop图层命名遵循树形结构,凡某元素组成的图层大于3层,即可形成组,所有图层尽量避免使用默认命名(图层+编号)。

  以上结构就可以组合使用,例如:左列标题lefttitle;底部导航footernav 规范不是说要所有人照一个样子来命名css,我们可以根据自己的需要定制命名规则,只要记住命名的规则,就可以根据网站本身的特点来创造具有自己风格的命名方式。

  一、目前网页设计者用得较多的是基于软件开中变量的命名方式的命名方法。如对于一组用于定义字体样式的class,我们可以使用f即foot的头字母为前缀进行命名,如:

  对于网页中如新闻频道的一些新闻的现实样式,可以用n作为前缀进行样式设计,如:

  本人建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字。为了开发后样式名管理方便,大家请用有意义的单词或缩写组合来命名,让同事一看就明白这样式大概是哪一块的,这样就节省了查找样式的时间,例如:

  头部样式用header,头部左边,可以用header_left或header_l,还有如果是列结构的可以这样box _1of3 (三列中的第一列),box_2of3 (三列中的第二列)、box _3of3 (三列中的第三列),其它的我就不一一举例了,大家按以上规律去命名就好。

  下面列出一些常用的命名单词方便大家使用:(以后大家工作过程中慢慢把自己积累的单词都共享出来,那大家的命就会更加统一了,金沙9159官网就不会有一义多词的情况了。)

网友评论

我的2016年度评论盘点
还没有评论,快来抢沙发吧!