常用的CSS命名规范大总结

转载: http://www.php.cn/toutiao-417563.html

文本命名规范

index.css：一般用于首页建立样式

head.css：头部样式，当多个页面头部设计风格相同时使用。

base.css：共用样式。

style.css：独立页面所使用的样式文件。

global.css：页面样式基础，全局公用样式，页面中必须包含。

layout.css：布局、版面样式，公用类型较多时使用，一般用在首页级页面和产品类页面中

module.css：模块，用于产品类页，也可与其它样式配合使用。

master.css：主要的样式表

columns.css：专栏样式

themes.css：主体样式

forms.css：表单样式

mend.css：补丁，基于以上样式进行的私有化修补。

页面结构命名：

page：代表整个页面，用于最外层。

wrap：外套，将所有元素包在一起的一个外围包，用于最外层

wrapper：页面外围控制整体布局宽度，用于最外层

container：一个整体容器，用于最外层

head，header：页头区域，用于头部

nav: 导航条

content：内容，网站中最重要的内容区域，用于网页中部主体

main：网站中的主要区域（表示最重要的一块位置），用于中部主体内容

column：栏目

sidebar：侧栏

foot，footer：页尾、页脚。网站一些附加信息放置区域，（或命名为 copyright）用于底部

导航命名：

nav, navbar, navigation, nav-wrapper：导航条或导航包，代表横向导航

topnav：顶部导航

mainbav：主导航

subnav：子导航

sidebar：边导航

leftsidebar 或 sidebar_a：左导航

rightsidebar 或 sidebar_b：右导航

title：标题

summary：摘要

menu：菜单，区域包含一般的链接和菜单

submenu：子菜单

drop：下拉

dorpmenu：下拉菜单

links：链接菜单

功能命名：

logo：标记网站logo标志

banner：标语、广告条、顶部广告条

loginbar：登录条

tool, toolbar：工具条

search：搜索

searchbar：搜索条

searchlnput：搜索输入框

shop：功能区，表示现在的

icon：小图标

label：商标

homepage：首页

subpage：二级页面子页面

hot：热门热点

list：文章列表，（例如：新闻列表：list-news）

scroll：滚动

tab：标签

sitemap：网站地图

msg 或 message：提示信息

current：当前的

joinus：加入

status：状态

btn：按钮，（例如：搜索按钮可写成：btn-search）

tips：小技巧

note：注释

guild：指南

arr, arrow：标记箭头

service：服务

breadcrumb：(即页面所处位置导航提示）

download：下载

vote：投票

siteinfo：网站信息

partner：合作伙伴

link, friendlink：友情链接

siteinfoCredits：信誉

siteinfoLegal：法律信息

常用的CSS命名规范大总结相关推荐

css宋体代码_前端开发必备的CSS命名规范与常用CSS代码集合
编辑 | web前端开发来源 | web前端开发我们在用html+css进行网页的排版布局时,经常会遇到CSS命名,如果是在团队多人协作开发时,团队里都会有自己的命名规范与要求. 但如果是自己在个 ...
CSS常用类标签命名规范
1. 内容优先,表现为辅类-class 类名,我通常用横线就像这样 .head-logo { - } /*页面头部logo的类名*/ .nav-li { - } /*导航条上list的类名*/ .l ...
[转]常用的CSS命名规则
(壹)常用的CSS命名规则头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrappe ...
[转]HTML DIV+CSS 命名规范大全
原文链接常用DIV+CSS命名大全集合,即CSS命名规则我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法. ...
css命名规范和书写规范
1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(f ...
DIV+CSS 命名规范
常用的CSS命名规则: 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper ...
web标准化设计：常用的CSS命名规则
常用的CSS命名规则头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左 ...
常用的CSS命名规则
网页设计中常用的CSS命名规则: 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wra ...
我认为最节省时间的CSS命名规范
CSS命名规范一 js中对变量的命名最好使用camel case驼峰式命名法,但CSS中更适用于red-box命名规范. CSS命名规范二 BEM命名规范 B=>block E=>elem ...

常用的CSS命名规范大总结

常用的CSS命名规范大总结相关推荐

最新文章

热门文章