|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。
关于年夜型流派,海量信息平台及多模块,多地区化网站,更必要对CSS,XHTML,的尺度化,切合语意的HTML框架,复用性强的CSS代码,这些才干保证你的网站,具有很好的“地基”。
第一部:关于构建CSS框架我们要完成的目标:
1.完成尺度化,具有支流平台顺应性的前端完成;
2.疾速开辟,在站点作风断定后,前端不该该成为全部项目里瓶颈;
3.重构的需求,尽量的让类和区块款式可重用;
4.分别布局和体现的需求,恪守了语义化布局的商定;
5.构架完整切合金融网特征的CSS框架。
6.对代码举行需要的seo。
第二部:关于CSS定名的一些商定:
1.不利用年夜写情势的类名和id名;
2.尽量利用形貌性的英文单词的组互助为类名和id名;
3.id名及类名的多个英文单词之间利用“_”短横线分开;
4.按地区举行形貌编号例:main01_div01_ul01(能够了解为主体第一地区第一DIV下的第一个UL)
上去我们要对全部网站及计划稿举行剖析,往做切合本人流派布局特征的CSS框架
我们已新浪网为例子:
举行站点布局剖析:
全部页面分为:首页,更多页,内容页,专题页,数据中央,旧事中央,频道页,告白……
我们对这些页面举行收拾,往发明他们的大众部分,这些被发明的中央有:CSS的款式,及地区,模块的碎片,我们必要做的是把这些私有的部分提出来。
察看后我们能够把CSS分以下几类:
主体款式表:sjweb.css
font(字体款式,字号,色彩的汇合)
layout(框架布局汇合)
global(全局默许款式汇合)
component(构成页脸部分款式表,模块碎片汇合)
这些讲一切的被import到sjweb.css主体款式内外,主体款式表做为一个loader加载新的外来款式,
好比告白款式表。
如许这些页面只必要写一点点属于本人特别请求的CSS款式代码就能够了。
在构建这个CSS框架的时分有良多细节的器材最好能一致化,好比:行间距,模块之间距离间隔等。
上面是某流派网的首页布局图:
划定规矩:
1.一切area之间,模块之间,间距高低摆布为:8Pixel;
2.旧事列表色彩#333;
3.旧事列表行间距20pixel;
……等等
调剂情况:IE7,ff,IE6,IE5.x,Opera。
PS:实在更多是你在构建的时分细节上的成绩,好了未几说了。呵呵
层叠样式表(CascadingStyleSheets)的缩写,用于定义HTML元素的显示形式,是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。 |
|