(CSS论文Web技术的CSS网页论文.docVIP

CSS论文Web技术的CSS网页论文 摘要：介绍基于web标准的网页制作方法，并以一个实例详细讲解了网页的布局规划、html的生成、css样式表的控制，最为直观的介绍了div+css的网页布局方式。这种布局方式因实现了网页表现与内容的分离而使网站的维护及更新变得更加方便，从而成为了当今非常流行的网站布局方法。 关键词：css；web标准；网页布局 css page layout application on web technology wu fangfei (jiangxi ganjiang vocational and technical college,nanchang330108,china) abstract:web standard-based page production methods,and an example is explained in detail page layout planning,html generation,css style sheets to control,the most intuitive introduction to the div+css page layout.this layout for performance and content of the page to achieve the separation of leaving the site more convenient to maintain and update, which has become very popular in todays site layout methods. keywords:css;web standard;page layout 一、关于web标准 实际上web标准不是某一个标准，是由w3c（world wide web consortium）和其他标准化组织制定的一套规范集合，包含一系列标准。其目的在于创建一个统一的用于web表现层的技术标准，以便通过不同浏览器或终端设备向最终用户展示信息内容。 简单的说，web标准分成三大部分：结构（structure）、表现（presentation）和行为（behavior）。结构化标准语言主要有：html（超文本标记语言）、xml（可扩展标记语言）和xhtml（可扩展超文本标记语言）；表现标准语言主要包括css（层叠样式表）；行为标准主要包括对象模型（如w3c dom）、ecmascript等。网页设计要符合web标准实际上就是对网页的结构、表现与行为进行分离——即表现与内容分离。 二、什么是css css（cascading style sheets，层叠样式表）是控制网页布局样式的基础，是能够使网页表现与内容分离的一种样式设计语言。在网页设计中，通过css样式表就可以轻松控制页面的布局、字体、字号、颜色、背景以及进行一些初步的页面交互设计。 css作为一款目前最优秀的表现设计语言，它的优势主要有：可以支持众多浏览器，实现了在众多平台及浏览器下对样式的表现最为接近；真正实现了表现与内容分离；拥有样式设计的强大控制力；具有优越的继承性，最大限度的达到了代码重用，从而降低了维护成本。 三、css与html的结合 css与html的结合使用完美的实现了网页表现与内容的分离。网页设计通常使用css来控制网页的样式，其中包括页面的布局、字体、背景等等信息。而html则用来罗列网页中的内容，其中包括文本、图片等。 css样式表可以以多种方式应用到html页面当中，但最常用最好的方式是外部连接。这种方式是将css样式代码放入一个外部文件中，再由html中的link元素进行调用。这样做的好处是可以使多个网页调用同一个样式表文件，最大限度的实现了代码重用及网站文件的最优化配置。 具体的使用方法为：在html页面中的head标签下使用link元素调用。 四、div+css的布局方式 div是xhtml中的一个标签，以这种形式出现。简单的说，div就像是一个容器，是xhtml中专门用于布局设计的容器对象。传统的布局方式是用表格来布局，页面的排版设计也完全依赖于表格对象table。但这种布局方式无法做到表现与内容分离，一旦要更新页面则需要更改整个表格甚至要重新制作背景或图片素材。这样的布局方式既不符合web标准的要求，也给后期的网站维护带来很大的麻烦。目前普遍流行的布局方式是css布局，而这种方式的核心对象正是div。对于一个简单的css布局来说，只应用div和css这两样东西便可，因此说css布局也被称为div+css布局。 css布局实际上就是利用div对象把页面划分为几个区域，区域中标记了将要显示的信息，而这些信息的样式表现则由css来完成。