尚品中国签约泛能网,构建泛能网数字化品牌官网升级
类:人工费智力 了解更多如何发挥CSS 2.0的作用
收入:尚品中国内地|
方式:网络百度百科|
时候:2014-07-29
css应用是本文要讨论的重点,也是向Web标准过渡的重要一环。相对于结构设计来讲,表现层的样式设计变化更丰富,也更难掌握。对于千变万化的网页设计,如何将设计编码成机器能够识别的样式语言,也是CSS的1作重点。Css丰富的样式表现也对设计者提出了更高的要求。这里针对向Web标准过渡的要求,先对CSS的编写提出一些建议与要求,而在后面章节才详细探讨这些内容。
1.合理的CSS文件结构
虽然CSS做到了样式设计与内容的分离,但CSS文件本身也应该拥有良好的层次结构及规范,目的是进一步改替样式设计的可维护性。CSS本身支持Import导入功能,针对大型,不妨使用分离的CSS文件来组织样式,比如将字体样式专门使用font.css文件来编写,表单设计则放到form.css文件中。通过合理地组织这些文件.可以带来后期维护的便利性,也方便网站程序能够根据浏览器版本或终端设备进行文件调用,进一步提升CSs跨平台的应川能力。
2.继承与重用的优势
使用CSs的优势就在于其良好的重用特性,一段CSs设计代码可以供多个区域同时使用。除了龟用功能外,CSs还可以实现类似于而向对象程序设计中的继承机制,通过继承机制能够进一步地完善网站的样式结构。比如在CSs对应的XHTML中,侮一级的标签总是首先使用其本身标签的样式设计,接着使用父级标签的样式,这样部分代码就可以分别放在各级别中,它们互相发挥作用;统一代码则放在最上一级标签里。通过这种具有继承机制的功能运用,我们能够进一步地减小样式设计中的代码量,并进一步改稗设计方法。
3.设计跨平台的代码
CSS也有美中不足,由于不同品牌浏览器及不同版本之间的演染方式不同,各白对CSS的解析也存在着一定差异。一些老版本的浏览器(如IE4.0及IE5.0等),还有众多不愿升级的用户在使用,另外就是PC机F与MAC机下浏览器产品的不问.等等情况。针对这些原因,CSS设计也应当其有一定的跨平台兼容特性,编码时应尽量减少生僻属性的使用,如果想兼容旧版本的浏览器,也应当注意留有一定的CSS hack代码。
4.具有良好可用性的Css样式设计
可用性随着计算机人机交互技术的发展不断扩充其内容与形式。可用性的目标是使我们的交互式产品(软件、网站)对用户的需求提供最大限度的满足,使得产品更容易被用户使用,它从根本.上改变用户与产品交互的主观过程,提升产品价值,为产品及用户带来双方面的利益。CSS作为样式设计代码,也包含着可用性的设计内容。
CSS样式的设计意味着你对网站整体风格的把握需要重新考虑,从视觉设计上为了达到最大限度的重用与合理的纺构,需要统一的字体、字号及排版形式,这些统一性的设计都有助于视觉设计卜可用性的提升。对于网站上的细节表现,比如链接改变提示、链接区域、导航的操作感等,也都是CSS在可用性上设计的目标,最终目的就是希望通过良好的设计,创造出更好的交互式网站.以便用户使用,为网站及用户创造价值。
5,使用基干DOM的脚本语言来编写交互
DOM的产生同样是为了实现脚本语言的跨平台与跨浏览器应用。DOM (Document Object Model,文档对象模型)是由W3C制定的一种与浏览器无关的接口,它能够对网页中的标准组件(如HTML标签)做出技术性的统一规范,便脚本语言能够访问的这些组件,前提是浏览器支持这种基于DOM的定义规范。
就目前来说,大部分浏览器都支持标准的DOM。使用符合DOM的脚本语言,基本上不再需要检侧浏览器的不同版本而去编写几套不同的代码,只要符合DOM的浏览器,相同的代码就能够完成所有可支持的操作.目前的javaScript是符合DOM标准的脚本语言.有关DOM的详细资料,可以访问W3C的DOM专栏:http://www.w3.org/dom。
1.合理的CSS文件结构
虽然CSS做到了样式设计与内容的分离,但CSS文件本身也应该拥有良好的层次结构及规范,目的是进一步改替样式设计的可维护性。CSS本身支持Import导入功能,针对大型,不妨使用分离的CSS文件来组织样式,比如将字体样式专门使用font.css文件来编写,表单设计则放到form.css文件中。通过合理地组织这些文件.可以带来后期维护的便利性,也方便网站程序能够根据浏览器版本或终端设备进行文件调用,进一步提升CSs跨平台的应川能力。
2.继承与重用的优势
使用CSs的优势就在于其良好的重用特性,一段CSs设计代码可以供多个区域同时使用。除了龟用功能外,CSs还可以实现类似于而向对象程序设计中的继承机制,通过继承机制能够进一步地完善网站的样式结构。比如在CSs对应的XHTML中,侮一级的标签总是首先使用其本身标签的样式设计,接着使用父级标签的样式,这样部分代码就可以分别放在各级别中,它们互相发挥作用;统一代码则放在最上一级标签里。通过这种具有继承机制的功能运用,我们能够进一步地减小样式设计中的代码量,并进一步改稗设计方法。
3.设计跨平台的代码
CSS也有美中不足,由于不同品牌浏览器及不同版本之间的演染方式不同,各白对CSS的解析也存在着一定差异。一些老版本的浏览器(如IE4.0及IE5.0等),还有众多不愿升级的用户在使用,另外就是PC机F与MAC机下浏览器产品的不问.等等情况。针对这些原因,CSS设计也应当其有一定的跨平台兼容特性,编码时应尽量减少生僻属性的使用,如果想兼容旧版本的浏览器,也应当注意留有一定的CSS hack代码。
4.具有良好可用性的Css样式设计
可用性随着计算机人机交互技术的发展不断扩充其内容与形式。可用性的目标是使我们的交互式产品(软件、网站)对用户的需求提供最大限度的满足,使得产品更容易被用户使用,它从根本.上改变用户与产品交互的主观过程,提升产品价值,为产品及用户带来双方面的利益。CSS作为样式设计代码,也包含着可用性的设计内容。
CSS样式的设计意味着你对网站整体风格的把握需要重新考虑,从视觉设计上为了达到最大限度的重用与合理的纺构,需要统一的字体、字号及排版形式,这些统一性的设计都有助于视觉设计卜可用性的提升。对于网站上的细节表现,比如链接改变提示、链接区域、导航的操作感等,也都是CSS在可用性上设计的目标,最终目的就是希望通过良好的设计,创造出更好的交互式网站.以便用户使用,为网站及用户创造价值。
5,使用基干DOM的脚本语言来编写交互
DOM的产生同样是为了实现脚本语言的跨平台与跨浏览器应用。DOM (Document Object Model,文档对象模型)是由W3C制定的一种与浏览器无关的接口,它能够对网页中的标准组件(如HTML标签)做出技术性的统一规范,便脚本语言能够访问的这些组件,前提是浏览器支持这种基于DOM的定义规范。
就目前来说,大部分浏览器都支持标准的DOM。使用符合DOM的脚本语言,基本上不再需要检侧浏览器的不同版本而去编写几套不同的代码,只要符合DOM的浏览器,相同的代码就能够完成所有可支持的操作.目前的javaScript是符合DOM标准的脚本语言.有关DOM的详细资料,可以访问W3C的DOM专栏:http://www.w3.org/dom。
来源声明:本文章系尚品中国编辑原创或采编整理,如需转载请注明来自尚品中国。以上内容部分(包含图片、文字)来源于网络,如有侵权,请及时与本站联系(010-60259772)。
推荐新闻
更多行业-
网络化教学信息资源的特点
互连网网使不事实的内容转变为了事实,像是的网站结构设计、网格上培训 等,网格上培训 与传... 2014-08-20 -
网站建设过程中,网站地图有什么作用?
个独立性的网站网页页面。涉及了网站上拥有的文章联结,网站地形图被称作网站地形图。... 2018-09-13 -
什么样的内容用户和搜索引擎都喜欢
就先做部分关键的词深入分析吧,要是你断定了大内容梗概写些什么活动形式的散文后。提现这篇... 2012-06-19 -
如何建设好公司网站?看看这些细节
没什么疑虑,智能互联系统网早就渗透性到我们都生活水平的方角度面。从智能手机到电子设备,从移动宽带到5... 2020-05-28 -
细谈用户体验度和SEO的关系
网络建造我司尚品在我国:试想百度手机优化算法内容更新后,貌似用户数体验度度在这个词较火,... 2014-01-06 -
网站建设过程中要把握的几个重点
深圳的网站搭建时候中需要控制的多个侧关键点,但其中1、侧关键点信息内容放置凸显醒目的性地点... 2012-08-13
如果您的网站可以增加转化次数并提高客户满意度,该怎么办?
预约专业咨询顾问沟通!
免责声明
是感谢语您登陆我们都的平台。在您选用本平台刚刚,请您细心阅续本严正声明的那些不可抗力条款。
1、小编部门优秀文章来原自wifi网络,针对的目标到的部门优秀文章和图片搜索音乐版权专属作家者,小编引用仅作各位学和交流沟通,不可以代替任何的工业话动。
2、所有网站不负责普通用户因选用这样的物资对我自己和帮别人引发很多行驶的失去或损害。
3、本证明函未牵涉的方面参与我国相关的英文国内的法条条文规范,当本证明函与我国国内的法条条文规范互相冲突时,以我国国内的法条条文规范为标准。
4、如果你伤害了您的合法化利益,请您及时性与各位,各位会在首个精力卸载相关的內容!
联系方式:010-60259772
电子邮件:394588593@qq.com