学做网站培训课程介绍

当前位置:

精简高效的CSS命名规范

我们在自己建网站时,不可避免的要使用DIV+CSS来写网页,为了更高效的写出CSS,我们需要在CSS命名上严格按照一定的规范。

这样写出来的CSS既精简高效,也可以让其它网站制作开发者一目了然。

精简高效的CSS命名规范

以下是学做网站论坛汇总的CSS命名规范。

外套 wrap ------------------用于特别外层
头部 header ----------------用于头部
主要内容 main ------------用于主体内容(中部)
左侧 main-left -------------左侧布局
右侧 main-right -----------右侧布局
导航条 nav -----------------网页菜单导航条
内容 content ---------------用于网页中部主体
底部 footer -----------------用于底部

CSS样式命名 说明
网页公共命名
#wrapper 页面外围控制整体布局宽度
#container或#content 容器,用于特别外层
#layout 布局
#head, #header 页头部分
#foot, #footer 页脚部分
#nav 主导航
#subnav 二级导航
#menu 菜单
#submenu 子菜单
#sideBar 侧栏
#sidebar_a, #sidebar_b 左边栏或右边栏
#main 页面主体
#tag 标签
#msg #message 提示信息
#tips 小技巧
#vote 投票
#friendlink 友情连接
#title 标题
#summary 摘要
#loginbar 登录条
#searchInput 搜索输入框
#hot 热门热点
#search 搜索
#search_output 搜索输出和搜索结果相似
#searchBar 搜索条
#search_results 搜索结果
#copyright 版权信息
#branding 商标
#logo 网站LOGO标志
#siteinfo 网站信息
#siteinfoLegal 法律声明
#siteinfoCredits 信誉
#joinus 加入我们
#partner 合作伙伴
#service 服务
#regsiter 注册
arr/arrow 箭头
#guild 指南
#sitemap 网站地图
#list 列表
#homepage 首页
#subpage 二级页面子页面
#tool, #toolbar 工具条
#drop 下拉
#dorpmenu 下拉菜单
#status 状态
#scroll 滚动
.tab 标签页
.left .right .center 居左、中、右
.news 新闻
.download 下载
.banner 广告条(顶部广告条)
电子贸易相关
.products 产品
.products_prices 产品价格
.products_description 产品描述
.products_review 产品评论
.editor_review 编辑评论
.news_release 最新产品
.publisher 生产商
.screenshot 缩略图
.faqs 常见问题
.keyword 关键词
.blog 博客
.forum 论坛

 

CSS文件命名 说明
master.css,style.css 主要的
module.css 模块
base.css 基本共用
layout.css 布局,版面
themes.css 主题
columns.css 专栏
font.css 文字、字体
forms.css 表单
mend.css 补丁
print.css 打印

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 我们做论坛网站一般会采用DZ程序,对于DZ程序有很多的功能,但也存在着很多的无用的功能,对于学习如何做网站的学员来根本没用,而且会增加论坛网站的
  • 精简高效的CSS命名规范 图文教程 (114875 次浏览)
    我们在自己建网站时,不可避免的要使用DIV+CSS来写网页,为了更高效的写出CSS,我们需要在CSS命名上严格按照一定的规范。这样写出来的CSS既精简高
  • 通过网页制作教程上节课怎样在网页中添加表格,我们就可以在网页中插入一个表格,但往往插入的表格并不美观,我们需要设置一些表格参数去达到我们要求
  • 在网站布局过程中,运用div+css的布局是特别有利的,通常我们需要对一个div层进行居中处理,那么如何通过css属性对它进行控制呢:下面分享一个建网页
  • 网站图片命名规则 图文教程 (119099 次浏览)
    在团队合作建网站时,一定要遵守一些命名规则,这样才会提高工作效率,加快网站开发速度。对于网站图片命名也有一定的规则,下面是学做网站论坛关
  • 在学习怎么做网站过程中,为了达到某些特效,我们需要使用一些脚本文件和动态文件。使用脚本文件和动态文件过程中,我们也需要对这些文件按照一些规则
  • HTML5书写规范 (114892 次浏览)
    HTML5相对于之前的HTML版本,书写HTML5 的规范更加严格。我们在使用HTML5做网站时,一定要按照这些书写规范进行书写。HMTL5书写规范 HTML声明
  • 网站文件位置存放规范 图文教程 (116830 次浏览)
    一个网站由大量的文件组成的,为了在学习怎么做网站过程中,让整个网站的结构清晰,方便以后的维护。我们在网站文件位置存放也需要按照一定的规范。