来谈谈:流派网站构建CSS框架的划定规矩
一个样式规则由一个选择器后跟一个声明块组成,声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略。关于年夜型流派,海量信息平台及多模块,多地区化网站,更必要对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推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。 难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人. 在刚开始接触网页的第一堂课上,听说网页制作会是一门很无聊并且很难听懂的过程,而事实却印证了这样一个事实。 Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。 滚动条)层属性--溢出(visible/hidden/scroll/auto) 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。 由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。 所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
页:
[1]