淘宝CSS命名规矩
CSS命名规范参考及书写注意事项
CSS命名规范参考及书写注意事项，这里整理的比较全，web前端开发的朋友非常值得参考下。
CSS书写顺序*{/*显示属性*/displaypositionfloatclearcursor…/*盒模型*/marginpaddingwidthheight/*排版*/vertical-alignwhite-spacetext-decorationtext-align…/*文字*/colorfontcontent/*边框背景为什么要把boder和background放在最后的原因是修改的频率会较之前的频繁，放在最后查看起来方便，哈哈。
*/borderbackground}下表顺序为从上到下，从左到右：========================display || visibilitylist-style : list-style-type || list-style-position || list-style-imagepositiontop || right || bottom || leftz-indexclearfloatwidthmax-width || min-widthheightmax-height || min-heightoverflow || clipmargin : margin-top || margin-right || margin-bottom || margin-leftpadding : padding-top || padding-right || padding-bottom || padding-leftoutline : outline-color || outline-style || outline-widthborderbackground : background-color || background-image || background-repeat || background-attachment || background-positioncolorfont : font-style || font-variant || font-weight || font-size || line-height || font-familyfont : caption | icon | menu | message-box | small-caption | status-bartext-overflowtext-aligntext-indentline-heightwhite-spacevertical-aligncursorCSS命名规则：一．文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；主要的master.css专栏columns.css主题themes.css主要的master.css模块module.css基本共用base.css表单forms.css补丁mend.css二．页面结构容器: container页头：header内容：content页面主体：main页尾：footer栏目：column页面外围控制整体布局宽度：wrapper 左右中：left right center三．导航导航：nav主导航：mainbav子导航：subnav顶导航：topnav边导航：sidebar左导航：leftsidebar右导航：rightsidebar菜单：menu子菜单：submenu摘要: summary四．功能标志：logo广告：banner登陆：login登录条：loginbar注册：regsiter搜索：search功能区：shop标题：title加入：joinus状态：status按钮：btn滚动：scroll标签页：tab文章列表：list提示信息：msg当前的: current小技巧：tips图标: icon注释：note指南：guild服务：service热点：hot新闻：news下载：download投票：vote合作伙伴：partner友情链接：link版权：copyrightContainer div#container容器Layout#layout布局Header or banner div#head, #header页头部分Footer div#foot, #footer页脚部分Navigation list#nav主导航Sub-navigation list#subNav二级导航Menu#menu菜单Sub Menu#submenu子菜单Left or right side columns #sidebar_a, #sidebar_b左边栏或右边栏Main div#main页面主体Tag#tag标签Message#msg #message提示信息Tips#tips小技巧V ote#voteFriend Link#friendlink友情连接Title#title标题Summary#summary摘要Search input#searchInput搜索输入框Search output#search_output搜索输出和搜索结果相似Search#search搜索Search bar#searchBar搜索条Search results#search_results搜索结果Copyright information#copyright版权信息brand#branding商标branding-logo#logoLOGOSite information#siteinfo网站信息Copyright information etc. #siteinfoLegal法律声明Designer or other credits #siteinfoCredits信誉Join us加入我们Partnership opportunities #partner合作伙伴Services#service服务Regsiter#regsiter注册Arrowarr/arrow箭头Little#little标题Website map#sitemap网站地图List#list列表Home page#homepage首页Sub pagesubpage二级页面子页面Toolbar#tool, #toolbar工具条Next pulls#drop下拉Next pulls menu#dorpmenu下拉菜单Status#status状态Container div#container容器Header or banner div#header页头部分Main or global navigation div #mainNav主导航Menu#menu菜单Sub Menu#submenu子菜单Left or right side columns#sidebarA, #sidebarB左边栏或右边栏Main div#main页面主体Content div#content内容部分The main content area#contentMain主要内容区域Footer div#footer页脚部分Tag#tag标签Message#msg #message提示信息Tips#tips小技巧V ote#vote投票Friend Link#friendlink友情连接Title#titleSummary#summary摘要Sub-navigation list#subNav二级导航Search input#searchInput搜索输入框Search output#searchOutput搜索输出和搜索结果相似Search#search搜索Search results#searchResults搜索结果Copyright information#copyright版权信息brand#branding商标branding-logo#brandingLogoLOGOSite information#siteinfo网站信息Copyright information etc. #siteinfoLegal法律声明Designer or other credits #siteinfoCredits信誉Join us#joinus加入我们Partnership opportunities #partner合作伙伴Services服务Regsiter#regsiter注册Status#status状态Products.products产品Products prices.productsPrices产品价格Products description .productsDescription 产品描述Products review.productsReview产品评论Editor’s review.editorReview编辑评论New release.newsRelease最新产品Publisher.publisher生产商Screen shot.screenshot缩略图FAQ.faqs常见问题Keyword.keyword关键词Blog.blog博客Forum.forum论坛五class的命名:(1)颜色:使用颜色的名称或者16进制代码,如.red { color: red; }.f60 { color: #f60; }.ff8600 { color: #ff8600; }(2)字体大小,直接使用“font+字体大小“作为名称,如.font12px { font-size: 12px; }.font9pt {font-size: 9pt; }(3)对齐样式,使用对齐目标的英文名称,如.left { float:left; }.bottom { float:bottom; }(4)标题栏样式,使用“类别+功能“的方式命名,如.barnews { }.barproduct { }XHTML-CSS写作建议1. 所有的xhtml代码小写2. 属性的值一定要用双引号(“”)括起来，且一定要有值3. 每个标签都要有开始和结束，且要有正确的层次4. 空元素要有结束的tag或于开始的tag后加上“/”5. 表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border 等6. <h1>到<h5>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。
常用的CSS命名规则
常⽤的CSS命名规则应该很多⼈都会有PO这种东西，但是对刚学css的⼈真的很重要，尤其像我这种英⽂不好的⼈，这些是必背的的单字喔^^，这些数据只是我在学习的时候，参考别⼈的数据之后⽤⾃⼰的思考整理出来的，像参考书写的真的都看不懂，通常翻第⼀页之后，永远就不会再翻第⼆页了，当然我也是搂.....⼀、常⽤的css命名规则头：header内容：content导览：nav侧栏：sidebar专栏：column页底：footer左：left右：right中：center登⼊条：loginbar标志：logo横幅：banner页⾯主体：main热门：hot新闻：news下载：download⼦导览：subnav项⽬：menu⼦项⽬：submenu搜寻：search友站连结：friendlink版权：copyright滚动：scroll标签页：tab⽂章列表：list提⽰信息：msg⼩技巧：tips栏⽬标题：title加⼊：joinus指南：guild服务：service注册：regsiter状态：status投票：vote合作伙伴：partner内部：inner区域：area/region???⼆、注释的写法：/* Footer */内容区/* End Footer */三、class的命名：(1) 颜⾊:使⽤颜⾊的名称或者16进制代码,如.red { color: red; }.f60 { color: #f60; }.ff8600 { color: #ff8600; }/p>(2) 字体⼤⼩,直接使⽤"font+字体⼤⼩"作为名称,如.font12px { font-size: 12px; }.font9pt {font-size: 9pt; }(3) 对齐模式,使⽤对齐⽬⽬标英⽂名称,如.left { float:left; }.bottom { float:bottom; }(4) 标题栏模式,使⽤"类+功能"的⽅式命名,如.barnews { }.barproduct { }注意事项：1.⼀律⼩写；2.尽量⽤英⽂；3.不加中杠和下划线；4.尽量不缩写，除⾮⼀看就明⽩的单词。
css命名规则
Css命名规则一、命名规则说明：1）、所有的命名最好都小写2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5" 3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整4）、空元素要有结束的tag或于开始的tag后加上"/"5）、表现与结构完全分离，代码中不涉及任何的表现元素，如style、font、bgColor、border 等6）、<h1>到<h5>的定义，应遵循从大到小的原则，体现文档的结构，并有利于搜索引擎的查询。
7）、给每一个表格和表单加上一个唯一的、结构标记id8）、给图片加上alt标签9）、尽量使用英文命名原则10）、尽量不缩写，除非一看就明白的单词DIVCSS5给大家介绍常见CSS命名和DIV CSS命名方法。
二、相对网页外层重要部分CSS样式命名：外套container------------------用于最外层头部header ----------------用于头部主要内容main ------------用于主体内容（中部）左侧main-left-------------左侧布局右侧main-right -----------右侧布局内容main-contect---------------用于网页中部主体导航条nav-----------------网页菜单导航条底部footer -----------------用于底部单页yt_content---------详细文章内容用到单页新闻产品留言新闻列表yt_news_style1---------新闻列表样式1产品列表yt_products_style1-------产品列表样式1导航条yt_nav_style1-----导航条样式1Banner yt_banner_style1----轮播图样式1Flash yt_flash_style1----幻灯片样式1产品滚动yt_products_scroll_style1 产品滚动样式产品列表yt_products_list_style1 产品分类分页yt_page_style1三、DIV+CSS命名参考表：以下为CSS样式命名与CSS文件命名参考表，DIV CSS命名集合：。
CSS中如何实现元素的命名规范
CSS中如何实现元素的命名规范在网页设计和开发中，CSS（层叠样式表）是用于控制网页样式的重要工具。
而良好的元素命名规范对于提高代码的可读性、可维护性以及团队协作的效率都起着至关重要的作用。
接下来，让我们深入探讨在 CSS 中如何实现元素的命名规范。
首先，我们需要明确为什么要有命名规范。
想象一下，你打开一个包含大量 CSS 代码的文件，如果元素的命名毫无规律，就像是进入了一个混乱的迷宫，会让人感到困惑和迷茫。
相反，有了清晰、一致的命名规范，就能迅速找到需要修改或调整样式的元素，大大提高工作效率。
那么，什么样的命名才算规范呢？其一，命名应该具有描述性。
这意味着名称要能够清晰地传达元素的用途或功能。
比如，如果是一个导航栏的元素，我们可以命名为“navbar”；如果是一个登录按钮，就可以命名为“loginbtn”。
通过这样直观的命名，其他人在阅读代码时能够一目了然地知道元素的作用。
其二，要保持命名的一致性。
这包括使用相同的命名风格和规则。
比如，是使用连字符“”还是下划线“＿”来分隔单词，一旦确定，就要在整个项目中保持一致。
同时，对于相似功能的元素，也要采用相似的命名模式，例如“headerlogo”和“footerlogo”。
接下来，谈谈命名的长度问题。
一般来说，命名不应该过于冗长，否则会显得繁琐。
但也不能太短，以至于无法准确表达元素的含义。
找到一个恰当的平衡是关键。
再来说说命名的格式。
常见的有 BEM（块（Block）、元素（Element）、修饰符（Modifier））命名法。
在 BEM 中，一个元素的名称由块名、元素名和可选的修饰符组成。
例如，“header”是块名，“header__title”是元素名，“header__titleactive”是带有修饰符的名称。
这种命名方式能够清晰地划分出不同的部分，使得样式的作用范围更加明确。
在实际应用中，还需要注意避免使用过于通用的名称，比如“box”“container”等。
CSS规范命名大全
CSS规范命名大全集合CSS规则一、CSS书写顺序1.位置属性(position,top,right,z-index,display,float等)2.大小(width,height,padding,margin)3.文字系列(font,line-height,letter-spacing,color-text-align等)4.背景(background,border等)5.其他(animation,transition等)二、CSS书写规范1.使用CSS缩写属性CSS有些属性是可以缩写的，比如padding,margin,font等等，这样精简代码同时又能提高用户的阅读体验。
2.去掉小数点前的“0”3.简写命名很多用户都喜欢简写类名，但前提是要让人看懂你的命名才能简写哦！4.16进制颜色代码缩写有些颜色代码是可以缩写的，我们就尽量缩写吧，提高用户体验为主。
5连字符CSS选择器命名规范1）.长名称或词组可以使用中横线来为选择器命名。
2）.不建议使用“_”下划线来命名CSS选择器，为什么呢？输入的时候少按一个shift键；浏览器兼容问题（比如使用_tips的选择器命名，在IE6是无效的）能良好区分JavaScript变量命名（JS变量命名是用“_”）6.不要随意使用idid在JS是唯一的，不能多次使用，而使用class类选择器却可以重复使用，另外id的优先级优先与cla ss，所以id应该按需使用，而不能滥用。
7.为选择器添加状态前缀有时候可以给选择器添加一个表示状态的前缀，让语义更明了，比如下图是添加了“.is-”前缀。
四、注意事项::1.一律小写;2.尽量用英文;3.不加中槓和下划线;4.尽量不缩写，除非一看就明白的单词。
五、CSS样式表文件命名主要的master.css模块module.css基本共用base.css布局、版面layout.css主题themes.css专栏columns.css文字font.css表单forms.css补丁mend.css打印print.css网页制作中规范使用DIV+CSS命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，具体DIVCSS命名规则CSS命名大全内容篇。
网站CSS命名规范
网站CSS命名规范1.统一编码@CHARSET "UTF-8";2.public.css 存放公共样式。
（即layout里面布局文件的样式。
）3.其它部分的css文件参考下面命名。
一个页面包含两个css文件为佳。
4.遵循左中右（left,center,right）上中下（top,middle,bottom）的命名规则。
5.尽量采用连写风格，示例：#header .right .add a { ……}6.最外面容器尽量用id来命名，里面尽量用class. 示例：#header .right .add a { ……}7.样式全部小写，单词之间用下划线隔开。
content_map命名参考：ctrl+F 搜索。
@CHARSET "UTF-8";/*头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：submenu搜索：search友情链接：friendlink页脚：footer版权：copyright滚动：scroll内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service注册：regsiter状态：status投票：vote合作伙伴：partner(二)注释的写法: /* Footer */内容区/* End Footer */(三)id的命名:(1)页面结构容器: container页头：header内容：content/container页面主体：main页尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper 左右中：left right center(2)导航导航：nav主导航：mainbav子导航：subnav顶导航：topnav边导航：sidebar左导航：leftsidebar右导航：rightsidebar菜单：menu子菜单：submenu标题: title摘要: summary(3)功能标志：logo广告：banner登陆：login登录条：loginbar注册：regsiter搜索：search功能区：shop标题：title加入：joinus状态：status按钮：btn滚动：scroll标签页：tab文章列表：list提示信息：msg当前的: current小技巧：tips图标: icon注释：note指南：guild服务：service热点：hot新闻：news下载：download投票：vote合作伙伴：partner友情链接：link版权：copyright(四)class的命名:(1)颜色:使用颜色的名称或者16进制代码,如.red { color: red; }.f60 { color: #f60; }.ff8600 { color: #ff8600; }(2)字体大小,直接使用"font+字体大小"作为名称,如.font12px { font-size: 12px; }.font9pt {font-size: 9pt; }(3)对齐样式,使用对齐目标的英文名称,如.left { float:left; }.bottom { float:bottom; }(4)标题栏样式,使用"类别+功能"的方式命名,如.barnews { }.barproduct { }注意事项::1.一律小写;2.尽量用英文;3.不加中杠和下划线;4.尽量不缩写，除非一看就明白的单词.主要的master.css模块module.css基本共用base.css布局，版面layout.css主题themes.css专栏columns.css文字font.css表单forms.css补丁mend.css打印print.css*/。
CSS类名命名规范
CSS类名命名规范
BEM命名规范：BEM的意思就是块（block）、元素（element）、修饰符（modifier）,是由Yandex团队提出的⼀种前端命名⽅法论。
【element-ui的css类名就是使⽤这种规范命名的】
BEM是怎么约定的?
最好是不要超过3层，3层以内是最好的
块名：block，它为元素和修饰符定义了命名空间（就是这个块是⼲啥的～，⽐如登录，那这个块就叫login）
元素名：与块名使⽤“__”连接，block__name（就是这个元素盒⼦是⼲啥的，⽐如登录的form表单，那就是login__form）
修饰符名：使⽤“--”连接(double underscore)（就是这个玩意是什么？是⼲啥的？⽐如登录帐号⽤户名，那就是username，也就是login__form--username）
【短横线 - ，可以作为复合单词的界定】。
网站命名规范大全CSS规范
良好的命名规范可以为团队合作开发推波助澜，无论在项目开发，还是产品维护上都起到了至关重要的作用。
应该说命名规范是一种约定，也是程序员之间良好沟通的桥梁。
另外古人相信只要知道一个人真正的名字就会获得凌驾于那个人之上的不可思议的力量。
只要给事物想到正确的名字，它就可以带来比代码更强的力量。
如果所有的命名都与其自然相适合，则关系清晰，含义可以推导得出，一般人的推想也能在意料之中。
CSS+DIV的命名规则：登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search滚动:scroll页面主体:main内容:content标签页:tab文章列表:list提示信息:msg小技巧:tips栏目标题:title友情链接:friendLink页脚:footer加入:joinus指南:guild服务:service热点:hot新闻:news下载:download注册:regsiter状态:status按钮:btn投票:vote合作伙伴:partner版权:copyRight1.CSSID的命名外套:wrap主导航:mainNav子导航:subnav页脚:footer整个页面:content页眉:header页脚:footer商标:label标题:title主导航:mainNav(globalNav)顶导航:topnav边导航:sidebar左导航:leftsideBar右导航:rightsideBar旗志:logo标语:banner菜单内容1:menu1Content菜单容量:menuContainer子菜单:submenu边导航图标:sidebarIcon注释:note面包屑:breadCrumb(即页面所处位置导航提示)容器:container内容:content搜索:search登陆:login功能区:shop(如购物车，收银台)当前的current2.样式文件命名主要的:master.css布局版面:layout.css专栏:columns.css文字:font.css打印样式:print.css主题:themes.css说明：均为class，需要扩展，则在当前命名内以“_“(下划线)后缀自定名称。
css起名规范
css起名规范专栏：column元素：element页头：header登录条：loginbar标志：logo侧栏：sidebar广告：banner导航：nav子导航：subnav菜单：menu子菜单：submenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guide服务：service热点：hot新闻：news下载：download注册：register状态：status按钮：btn投票：vote合作伙伴：partner友情链接：friendlink页脚：footer版权：copyright外围wrap列一 column-one列二 column-two页面外围控制整体布局宽度：wrapper 左右中：left right center------------------------------------------------------------------------------------------------------以上结构可以组合使用，例如：左列标题lefttitle；底部导航footernav 书写原则是： 1.一律小写； 2.尽量用英文； 3.不加中杠和下划线； 4.尽量不缩写，除非一看就明白的单词。
命名全部使用小写字母，如果需要多个单词，单词间使用“-”分隔，比如user-list------------------------------------------------------------------------------------------------------css书写规范一、基本书写规范1、所有的CSS的尽量采用外部调用<LINK href="style/style.css" rel="stylesheet" type="text/css">书写时重定义的最先，伪类其次，自定义最后（其中a:link a:visited a:hover a:actived 要按照顺序写）便于自己和他人阅读。
css命名规范
CSS命名规范样式命名id一个页面只可以使用一次，class可以多次引用。
id和class好像没什么区别，在页面中用了多个id在IE中显示也正常，第一影响就是不能通过W3的校验。
在页面显示上，目前的浏览器还都允许你犯这个错误，用多个相同ID“一般情况下”也能正常显示。
但是当你需要用JavaScript通过id来控制这个div，那就会出现错误。
因此：样式最好以class为主，不用idclass命名采用该版块的英文单词或组合命名，并第一个单词小写，第二个单词首个字母大写，如:alarm_leftBox（报警左侧区域/alarm+_leftBox)常用类的命名应尽量以常见英文单词为准，做到通俗易懂，并在适当的地方加以注释。
对于二级类/ID命名，则采用组合书写的模式，后一个单词的首字母应大写：诸如“搜索框”则应命名为“alarm_searchInput”、“搜索图标”命名这“alarm_searchIcon”、“搜索按钮”命名为“alarm_searchBtn”……CSS样式表各区块用注释说明1、行间注释：直接写于属性值后面，如：.alarm_search{border:1px solid #fff;/*定义搜索输入框边框*/background:url(../images/icon.gif) no-report #333;/*定义搜索框的背景*/}2、整段注释：分别在页面区域开始及结束地方加入注释，如：/*=====报警搜索条=====*/.alarm_search {border:1px solid #fff;background:url(../images/icon.gif) no-repeat #333;}/*=====报警搜索条结束=====*/3．协助注释非作者维护时所加入的表示修改时间、修改人等标识信息。
在区域注释或单行注释的基础上加上修改人和修改时间等信息。
例(区域注释)：<!--==S 注释内容[修改人和修改时间]--><div>...</div><!--==E 注释内容[修改人和修改时间]-->/*=S 注释内容[修改人和修改时间]*/.class{...}.class{...}/*=E 注释内容[修改人和修改时间]*/例(单行注释)：<div><!-- 注释内容[修改人和修改时间]-->...</div>.class{/*注释内容[修改人和修改时间]*/...}3. 尽量使用英文命名原则4.加下划线作为区别模块和下级之间的分隔符5. 尽量不缩写，除非一看就明白的单词6．检查HTML元素是否有拼写错误、是否忘记结束标记，即使是老手也经常会弄错div的嵌套关系。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
CSS命名规矩
头：header
内容：content/containe
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围把持整体布局宽度：wrapper
左右中：left right center
登录条：loginbar
标志：logo
广告：banner
页面主体：main
热门：hot
新闻：news
下载：download
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
友谊链接：friendlink
页脚：footer
版权：copyright
转动：scroll
内容：content
标签页：tab
文章列表：list
提醒信息：msg
小技巧：tips
栏目题目：title
加入：joinus
指南：guild
服务：service
注册：regsiter
状况：status
投票：vote
配合搭档：partner
XHTML文件中id的命名
(1)页面构造
容器: container
页头：header
内容：content/container
页面主体：main
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围节制整体布局宽度：wrapper
左右中：left right center
(2)导航
导航：nav
主导航：mainbav
子导航：subnav
顶导航：topnav
边导航：sidebar
左导航：leftsidebar
右导航：rightsidebar
菜单：menu
子菜单：submenu
标题: title
摘要: summary
(3)功能
标记：logo
广告：banner
登陆：login
登录条：loginbar
注册：regsiter
搜寻：search
功能区：shop
标题：title
参加：joinus
状态：status
按钮：btn
滚动：scroll
标签页：tab
文章列表：list
提示信息：msg
当前的: current
小技能：tips
图标: icon
解释：note
指南：guild
服务：service
热点：hot
消息：news
下载：download
投票：vote
协作伙伴：partner
友情链接：link
版权：copyright
XHTML文件中class的命名
(1)颜色:使用色彩的名称或者16进制代码,如(不倡议以表示来命名)
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
(2)字体大小，,直接应用"font+字体大小"作为名称,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
(3)对齐款式,使用对齐目的的英文名称,如
.left { float:left; }
.bottom { float:bottom; }
(4)标题栏样式，淘宝网女装冬装外套,使用"种别+功效"的方法命名,如
.barnews { }
.barproduct { }
其它相干留神事项
1.一律小写;
2.尽量用英文;
3.不加中杠跟下划线;
4.尽量不缩写，除非一看就清楚的单词.
重要的 master.css
模块 module.css
基础共用 base.css
布局，版面 layout.css
主题 themes.css
专栏 columns.css
文字 font.css
表单 forms.css
补丁 mend.css
打印 print.css