css3技术

Css教程_教你合理命名css文件_div+css教程(2)

字号+ 作者:H5之家 来源:H5之家 2015-09-17 16:50 我要评论( )

CSS的命名方法基本上就是这样了,但这不是唯一的方法,每个人习惯不同,所以命名也一定不会相同,好的方法还有很多 ,需要大家自己去摸索,我们的最终目的就是结构清晰,修改方便。 下面给大家列出网络上搜来CSS命

CSS的命名方法基本上就是这样了,但这不是唯一的方法,每个人习惯不同,所以命名也一定不会相同,好的方法还有很多 ,需要大家自己去摸索,我们的最终目的就是结构清晰,修改方便。 下面给大家列出网络上搜来CSS命名规则,仅供参考。

 CSS文件名:

Base或Basic - 基本样式。

 Layout - 全部页面布局。 除非改变布局否则不修改此文件。

General - 颜色,风格,排版,非结构的布局。本文件可据需要经常编辑。

Forms - 表单的布局和风格。如果需要可以为不同的页面而分别制作表单的css文件。

Index或Home - 用来控制主页而不考虑其他页面的样式。

Print - 基本的打印样式。

Themes - 主题样式表。

Master - 主要的CSS样式。

Font - 字体样式表。

样式命名:

外 套:  wrap

主导航:  mainnav

子导航:  subnav

页 脚:  footet

整个页面: content

 页 眉:  header

 页 脚:  footer

标 题:  title

 主导航:  mainbav(globalnav)

顶导航:  topnav

边导航:  sidebar

左导航:  leftsidebar

右导航:  rightsidebar

旗 志:  logo

标 语:  banner

菜单内容1: menu1 content

 菜单容量: menu container

子菜单:  submenu

边导航图标:sidebarIcon

注释:   note

面包屑:  breadcrumb(即页面所处位置导航提示)

容器:   container

 内容:   content

搜索:   search

登陆:   Login

功能区:  shop(如购物车,收银台)

当前的:       current

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评