首页 > 技术文章 > css常用命名

pengjunhao 2017-07-08 11:30 原文

由于很对同学在学生时期做网站开发时命名并不规范,这对于以后工作过程来说简直是一个毒瘤的存在!所以在开发的时候,注意自己的命名规范是非常有必要的,以下是一些常用的css命名,写此随笔以备不时之需。

 

(1)页面结构 

容器: container

页头:header

内容:content/container/content(A)

页面主体:main

页尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面外围控制整体布局宽度:wrapper

左右中:left right center

浮左浮右:fl fr

清除浮动 clear

(2)导航

导航:nav

主导航:mainbav

子导航:subnav

顶导航:topnav

边导航:sidebar

左导航:leftsidebar

右导航:rightsidebar

菜单:menu

子菜单:submenu

标题:title

摘要:summary

路径:path

(3)模块化命名

模块头部:hd

模块内容部分:bd

模块底部:ft

(4)各内容页对应

标题:title

副标题:subtitle

属性:properties

简介:infor

内容:content

分页:page

插入广告:insert_ad

表情:expression

功能选项:options

上下篇:up_down

评论:comments

相关内容:related

下载地址:download

播放地址:play_add

(5)功能

标志:logo

广告:banner

登陆:login

登录条:loginbar

注册:regsiter

搜索:search

日期:date

功能区:shop

标题:title

加入:joinus

状态:status

按钮:btn

滚动:scroll

标签页:tab

文章列表:list

提示信息:msg

当前的:current

小技巧:tips

图标:icon

注释:note

指南:guild

服务:service

热点:hot

新闻:news

下载:download

投票:vote

合作伙伴:partner

友情链接:link

版权:copyright

推荐阅读