《
教你合理命名css文件》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302342G2013.htm
<div id="main_content">主要内容</div>
</div>
<div id="footer">版权信息</div>
<div id="focus">焦点图</div> ,收集总结9个css常用技巧;
<div id="top_recommend">顶部推举</div>
下面我们再用首页举例讲授一下页面的CSS文件中class和id的写法，如图二所示，阿邦网首页的重要区块都已经标注在图中，并且已经依照我的习惯取了名字。#header和#footer可以写在header.css文件中。通用的页面定义CSS内容写在base.css文件中，其余都可以写在index.css文件中。 首先全部页面是有固定宽度的，所以需要在页面最外面设置一个容器，让其居中显示，并让所有内容被包括于其中，我们个别起名为#wrap。 因为首屏焦点图（蓝色区域）内容比拟多，必定会用到float属性进行布局，为了使它施展畸形，不造成错位，需要在首屏地位外部再加上一个外套，这里命名为.box，使用class的起因是后面还需要用到它，并且会涌现很屡次。 其它的局部很不言而喻了，就不意思阐明了。最后天生的Html文件应为：
<div id="search">搜索</div>
</div>
<div class="box">
</div>
<div class="box">
</div>
--> [
网站建设之]教你公道命名css文件
<div id="wrap">
<div class="box">
<div id="header">页面头</div>
我们做意识事件都要有个良好的习惯，编程也是如斯,支持cookie记忆的页面简繁体转换功能，咱们这里就教你如何给css文件命名。保持使用统一的CSS命名规矩并养成习惯，可以让你更轻易保护、修正以前编写过的CSS代码，从而进步本人的工作效力。而且还能增强搜寻引擎优化，便利记忆。
<div id="stars">本周之星</div>
首先，CSS文件必需统一放在一个目录下，比如style、css等。
其次，在给CSS文件进行命名时，常常使用合乎语义的英文名字，切实不行再使用拼音命名。在命名时，将影响全局的CSS和基本定义写在base.css或basic.css文件中，布局内容写在在layout.css文件中，假如有需要，还可以将定义字体的css内容独自写在font.css文件中，而后针对网站的每个栏目单独写一个以栏目名称命名的CSS文件。不外通常在全局定义的内容不多的情形下，我会将布局内容和字体内容写在base.css或basic.css文件中。
最后，在给CSS里的class和id命名时，使用英文名或者英文名字的组合，另外，在有附属关联的class里，我们可以充足利用组合名称。
通常组合名称有三种写法：
第一种用中横线“-”来连接前后单词作为组合，比如“#space-banner”；
第二种应用下划线“_”进行衔接，比方&ldquo,摸索成功站长谈如何做网站赚钱;#space_banner”；
第三种办法是将第二个单词的首字母进行大写，好比“#spaceBanner”，这种写法也叫做驼峰式（camel case），但需要留神的是，因为CSS里是辨别大小写的，所以spaceBanner和spacebanner是两个不同的CSS名字。
这三种方式应用哪种都能够，因人而异，但只有采取其中一种，那么全部的CSS文件都应当遵守这个标准，这样才干同一作风。
下面我们仍是以阿邦网为原型举个简略点的例子来具体说名一下吧。
首先剖析一下阿邦网的基础构造跟页面数目及页面名称。
阿邦网的文章公分七大类，所以加上首页在内一共有八个一级栏目，即首页、时尚、美食、健康、兴趣、宠物、数码、旅游八个。每个一级栏目下又有若干个二级页面，就是作者们各自的首页，这些页面长的全部一样，所以它们共用的是统一个页面模板，只用一个CSS文件即可。
每个作者还有自定义的分类，算是三级页面，它们也是共用相同的页面模板。除此外还有一个全部文章列表页面和文章的展示页面。这样草草算来大概共有12个页面，就先停到这里，更深层的那些页面可能更多，临时先不查究了。下面我们对它们所要用到的CSS文件进行调配。
第一步，我们确定需要一个全局定义的CSS文件来定义整个网站的字体大小、色彩、背景、行高、列表样式、按钮样式、表格款式等等，那么就有了base.css文件。
第二步，一个网站必然会有它的页面头和版权信息，我们将定义页面头部信息的CSS文件起名为header.css，版权信息也可以叫做页脚，起名为copyright.css或footer.css文件。由于阿邦网的版权信息不算多，我就把页脚信息加在了header.css文件中合并成一个文件。
第三步，命名所有一级栏目标CSS文件，共有首页、时尚、美食、健康、兴致、宠物、数码、游览八个栏目，分辨定义为index.css、fashion.css、food.css、health,摒弃不符合spider的网页设计视角.css、hobbies.css、pets.css、digital.css、travel.css。
第四步，命名所有二级栏目的CSS文件，它们是作者首页，作者自定义的分类页，分别定义为author_index.css和author_cate.css。
第五步，命名所以三级栏目的CSS文件，有文章列表页和文章展现页（底级页），分离定义为lists.css和detail.css。
这样一共就呈现了14个CSS文件，如顶部图一，必定有人会问为什么怎么这么多？实在对一个大型网站来讲，这一点也未几，而且是有必要的。当然这些CSS文件不必一次性全体新建出来，只须要制造到那个页面的时候再树立即可，然而在初步计划的时候一定要料想到，正所谓防患未然嘛。
CSS的命名方法根本上就是这样了，但这不是独一的方法，每个人习惯不同，所以命名也一定不会雷同，好的方法还有良多 ，需要大家自己去探索，我们的终极目的就是结构清楚，修改方便。 下面给大家列出网络上搜来CSS命名规则，仅供参考。 CSS文件名： Base或Basic - 基本样式。 Layout - 全部页面布局。 除非转变布局否则不修改此文件。 General - 颜色，风格，排版，非结构的布局。本文件可据需要时常编纂。 Forms - 表单的布局微风格。如果需要可认为不同的页面而分别制作表单的css文件。 Index或Home - 用来把持主页而不斟酌其余页面的样式。 Print - 基本的打印样式。 Themes - 主题样式表。 Master - 主要的CSS样式。 Font - 字体样式表。 样式命名： 外 套： wrap 主导航： mainnav 子导航： subnav 页 脚： footet 整个页面： content 页 眉： header 页 脚： footer 标 题： title 主导航： mainbav（globalnav） 顶导航： topnav 边导航： sidebar 左导航： leftsidebar 右导航： rightsidebar 旗 志： logo 标 语： banner 菜单内容1： menu1 content 菜单容量： menu container 子菜单： submenu 边导航图标：sidebarIcon 解释： note 面包屑： breadcrumb(即页面所处位置导航提醒） 容器： container 内容： content 搜索： search 登陆： Login 功效区： shop(如购物车，收银台) 当前的： ,
搭建一个强壮网站内部结构设计; current Tag：命名 css文件 命名 css文件
<div id="img_recommend">图片推荐</div>
<div id="side_bar">侧边栏</div>
(责任编辑：网站建设)
教你合理命名css文件相关文章