码迷,mamicode.com
首页 > Web开发 > 详细

css常用命名

时间:2017-07-08 12:23:23      阅读:303      评论:0      收藏:0      [点我收藏+]

标签:命名   iter   containe   tab   状态   lin   导航   down   join   

由于很对同学在学生时期做网站开发时命名并不规范,这对于以后工作过程来说简直是一个毒瘤的存在!所以在开发的时候,注意自己的命名规范是非常有必要的,以下是一些常用的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

css常用命名

标签:命名   iter   containe   tab   状态   lin   导航   down   join   

原文地址:http://www.cnblogs.com/pengjunhao/p/7136237.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!