<thead id="b91h7"></thead>
<listing id="b91h7"></listing>
<cite id="b91h7"><dl id="b91h7"><listing id="b91h7"></listing></dl></cite>
<thead id="b91h7"><dl id="b91h7"><th id="b91h7"></th></dl></thead>
<cite id="b91h7"></cite> <var id="b91h7"></var>
<var id="b91h7"></var>
<menuitem id="b91h7"><video id="b91h7"><address id="b91h7"></address></video></menuitem>
<menuitem id="b91h7"><dl id="b91h7"></dl></menuitem>
<thead id="b91h7"><i id="b91h7"><th id="b91h7"></th></i></thead>
<var id="b91h7"></var>
天极传媒
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆?#25103;?/a>惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小?#19994;?/A>滚筒洗衣机
您现在的位置 天极网 > 软件 > 网页>新闻>网页制作之如何管理好网站的css样式

网页制作之如何管理好网站的css样式

毅博客2006-11-07 08:00我要吐槽

中国共享软件英雄会.北京

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

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

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

其中[images] 是存放xHTML中出现的图片[jonStyle]我统称之为主题包在样式包中包括了[CSS][img][js]分别存放CSS样式表样式表中所引用的图片网页中所用的JS这里存放图片的[img]与外面的[images]虽然都是存放图片的但是这里的图片的性质却是不一样的[img]是CSS中所引用的图片所有的图片的显示与否都与CSS样式有关他的归属性是[img]里的图片是归属于CSS的而不是XHTML的而CSS是?#25442;?#24341;用[images]中的图片[images]中的图片只归属于xHTMLxHTML也不要直接使用[img]中的图片

这里把[js]也放在了[jonStyle]文件夹中也许会有人觉得不妥我的考虑是这样的:行为与样式本都是使得这个XHTML的结构能多姿多彩当我们需要更换皮肤的时候也有可通这个行为也是需要更换的比如:在第一套方案中某个区块的内容是要上下滚动的然而在第二套方案中这个区块就需要左右滚动那么这个行为也需要与样工一起更换当然实?#35270;?#29992;的时候不一定是这么简单理由

基本上大的结构是这这样的那么样式表的结构又是怎么样的呢?我是这样来划分的:样式包中有一个base.css(基本共用样式)module.css(模块样式)forms.css (表单样式)mend.css(补丁样式)print.css(打印样式)

其中base.css是一个基本的样式也就是所有网页的共性样式这个样式与module.css配合基本上可以显示正常的页面表单的划分也可以有利于对不同地方的表单的样式管理WEB标准涉及兼容性所以需要有样式补丁当然还有针对性的这里?#31570;?#19968;一列举最后一个的打印样式是提供给打印设置使用的

我通过这样的划分在对于维护与网站的样工更新上就显得非常的容易基本上可以在不需要程序人员的参与下就可以完成对网站的皮肤的更换如果一个网站同时具备很多个主题包那么只要简单的在XHTML中更换主题包的名称就可以使用不同的样式这与网站的程序相配合将可以做出非常好的具有很强扩展性的应用网站来!

以上内容所讲的比较局限希望对大家的样式管理上有一点帮助!

访问经典网站建设类教程>>


  阅读关于 网页制作 网站 css 样式表 网页陶吧 龙犊 的全部文章
作者龙犊责任编辑龙犊
请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场本站不在评论栏推荐任何网店经销商谨防上当受骗
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面特性以及跨平台方面做了诸多优化[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]
?#21482;?/SPAN>整机DIY企业级
ʱʱʹ
<thead id="b91h7"></thead>
<listing id="b91h7"></listing>
<cite id="b91h7"><dl id="b91h7"><listing id="b91h7"></listing></dl></cite>
<thead id="b91h7"><dl id="b91h7"><th id="b91h7"></th></dl></thead>
<cite id="b91h7"></cite> <var id="b91h7"></var>
<var id="b91h7"></var>
<menuitem id="b91h7"><video id="b91h7"><address id="b91h7"></address></video></menuitem>
<menuitem id="b91h7"><dl id="b91h7"></dl></menuitem>
<thead id="b91h7"><i id="b91h7"><th id="b91h7"></th></i></thead>
<var id="b91h7"></var>
<thead id="b91h7"></thead>
<listing id="b91h7"></listing>
<cite id="b91h7"><dl id="b91h7"><listing id="b91h7"></listing></dl></cite>
<thead id="b91h7"><dl id="b91h7"><th id="b91h7"></th></dl></thead>
<cite id="b91h7"></cite> <var id="b91h7"></var>
<var id="b91h7"></var>
<menuitem id="b91h7"><video id="b91h7"><address id="b91h7"></address></video></menuitem>
<menuitem id="b91h7"><dl id="b91h7"></dl></menuitem>
<thead id="b91h7"><i id="b91h7"><th id="b91h7"></th></i></thead>
<var id="b91h7"></var>