如何有效管理好CSS

2016-01-29 11:48 8 1 收藏

如何有效管理好CSS,如何有效管理好CSS

【 tulaoshi.com - Html 】

学习WEB标准的朋友一般都是从学习CSS开始,为什么呢?因为CSS是一种很有意思的语言,它能让我们的网页千变万化。也许我们一开始的接触只是因为链接的样式修改,然后慢慢发现CSS的强大而又简单,于是我们用它来控制整个网页的布局、排版、色彩、图片等等工作。学习了CSS之后我们又会发现 XHTML的结构更为重要,一个好的XHTML结构可以让CSS少费很多事。同时也会避免网页在不同浏览器之间的差异。于是又开始学习XHTML代码,并且不断的去摸索着XHTML的结构的特点。会写CSS了,也懂得XHTML结构的重要性并能灵活应用的时候,是不是就可以了呢。也许这时我们就会发现其实样式的管理同样非常的重要。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

大家也许都已经有了自己的管理方式,因为所要应用的网页类型的不同可能管理的思路也不一样,这里笔者只是把自己的样式管理做一个整理。算是给大家提供一个可以参考与研究的范例,给对于没有形成自己的管理方式的朋友们提供一个参照范本。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/html/)

笔者的样式管理是针对于单一项目、单一的风格体系的网站,一般这样的网站都是中小型的网站,风格是上一致的。对于大型网站,或是风格差异很大的网站体系是不适用的。我们在做样式之前首先要想到样式的易维护性。一旦需要修改就必需要快速方便,修改工作的成本是很高的,所以我们要尽量避免这样的工作所占用时间的扩大。那我们就有必要把样式与结构代码分开。下面看一下我的目录分配方法:

其中,[images] 是存放xHTML中出现的图片,[jonStyle]统称之为主题包,在样式包中包括了[CSS]、[img]、[js]分别存放CSS样式表、样式表中所引用的图片、网页中所用的JS。这里存放图片的[img]与外面的[images]虽然都是存放图片的,但是这里的图片的性质却是不一样的。 [img]是CSS中所引用的图片,所有的图片的显示与否都与CSS样式有关,他的归属性是,[img]里的图片是归属于CSS的,而不是XHTML的。而CSS是不会引用[images]中的图片。[images]中的图片只归属于xHTML,xHTML也不要直接使用[img]中的图片。 这里把[js]也放在了[jonStyle]文件夹中也许会有人觉得不妥,笔者的考虑是这样的:行为与样式本都是使得这个XHTML的结构能多姿多彩。当我们需要更换皮肤的时候,也有可通这个行为也是需要更换的。比如:在第一套方案中,某个区块的内容是要上下滚动的,然而在第二套方案中,这个区块就需要左右滚动。那么这个行为也需要与样工一起更换。当然实际应用的时候不一定是这么简单理由。 基本上大的结构是这这样的。那么样式表的结构又是怎么样的呢?笔者是这样来划分的:样式包中有一个base.css(基本共用样式)module.css(模块样式)forms.css (表单样式)mend.css(补丁样式)print.css(打印样式)其中base.css是一个基本的样式,也就是所有网页的共性样式,这个样式与module.css配合基本上可以显示正常的页面。表单的划分,也可以有利于对不同地方的表单的样式管理。WEB标准涉及兼容性,所以需要有样式补丁当然还有针对性的这里就不一一列举。最后一个的打印样式,是提供给打印设置使用的。通过这样的划分后,在维护与网站的样工更新方面的工作就显得非常的容易,基本上可以在不需要程序人员的参与下就可以完成对网站的皮肤的更换。如果一个网站同时具备很多个主题包,那么只要简单的在XHTML中更换主题包的名称就可以使用不同的样式。这与网站的程序相配合将可以做出非常好的,具有很强扩展性的应用网站来!以上内容所讲的比较局限,希望对大家的样式管理上有一点帮助!

来源:http://www.tulaoshi.com/n/20160129/1483382.html

延伸阅读
标签: windows 操作系统
小愚在单位上一台装有Win2k的爱机上又装了一个WinXP系统(Win2k装在C盘,WinXP装在E盘),没过多久,烦恼就来了,由于两个系统之间能够互相访问对方分区上的文件,而爱机又并非小愚一人独享,还有许多菜鸟要时常光顾,有些菜鸟在玩的时候往往一不小心就把另外一个操作系统上的重要文件删除掉了,其结果就是导致另外一个系统崩溃。怎么办?...
拔牙在生活中是很常见的,人们都认为拔牙是小事情,其实不然,口腔内包括了很多牙神经,所以建议大家拔牙一定要去正规大医院,千万不可自行拔牙,今天图老师小编就给大家详细的介绍一下拔牙后的注意事项,感兴趣的朋友们可以来看看哦。 拔牙后注意要点 1、如有凝血障碍、高血压、心脏病等病史,应主动向医生说明以引起重视并...
驱动人生6教您如何管理好您的电脑驱动   显卡驱动、声卡驱动、无线网卡驱动、摄像头驱动驱动程序一大堆,您是否会觉得不知道怎么去管理?当驱动人生6检测出有好几个驱动需要更新的时候,您不知道该先更新哪个?下面小编将告诉您如何用驱动人生6来管理好自己的电脑驱动。 只要您打开驱动人生,它就会自动给您的电脑驱动进行检测,如...
标签: Web开发
在刚学习CSS初期,就接触了模块化CSS这样的概念,不过,一直没有很好的理解。说起来,理由很简单:因为几乎所有的代码都是为了博客的设计,而像博客这么小的架构,CSS文件根本不用多,因为本身代码量就小,使用不同表现形式的页面模板并不多,少反而更方便管理。所以,对于模块化CSS的理解很乱,直接导致自己一直认为下面的分法是非常合理...
人际交往其实是一门有规律可循的学问,尤其作为管理者,必须具备妥善处理人际关系的能力,才能使不同的人都有好的感受,从而带动整个团队的进步。 管理者如何妥善处理好人际关系?心理专家支招让你人见人爱 管理者如何妥善处理好人际关系? 人与人之间的化学反应往往很奇妙:有的人热情,却遭遇“热脸贴冷屁股”...

经验教程

800

收藏

87
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部