网页设计和制作(CSS).docxVIP

PAGE \* MERGEFORMAT7 XXX大学 专题小论文 题目：网页设计与制作实践 ——CSS 院 别专 业电子商务年 级二年级学 生学 号指导教师 二〇一四年四月 CSS 摘要：随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计，日益被网站建设者所注重。网页设计作为用户界面交互设计的延伸，实在新的媒体和新的技术支持实现一个全新的设计创作领域。设计创作网页与循环其特有的特点和结构思路，具备可实际行和外观时尚。本论文将对网页设计的开发语言开展研究和讨论。主要介绍CSS相关的知识。 关键词：网页设计；CSS；模型； 目录 一。网页设计概述 …………………………………………………………3 二、Css简介 ?………………………………………………………………3 三、Css?基础语法? ??………………………………………………………3 四、派生选择器? ?…………………………………………………………4 五、?id?和类选择器??? ……………………………………………………4 六、Css?框架型结构?? ?………………………………………………………5 七、定为基础和相对绝对定位 ……………………………………………5 参考文献 ……………………………………………………………………7 ?  一。网页设计概述 网页是企业向用户和网民提供信息(包括产品和服务)的一种方式,?是企业开?展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站?）?去谈?电子商务是不可能的。企业的网址被称为“网络商标”?，也是企业无形资产的组?成部分，而网站是?INTERNET?上宣传和反映企业形象和文化的重要窗口。 二、Css简介? 随着Internet的迅猛发展，HTML被广泛应用，上网的人们当然希望网页做得漂亮些，因此HTML排版和界面效果的局限性日益暴露出来。为了解决这个问题，人们也走了不少弯路，用了一些不好的方法，比如给HTML增加很多的属性结果将代码变得很臃肿，将文本变成图片，过多利用Table来排版，用空白的图片表示白色的空间等。直到CSS出现。CSS可算是网页设计的一个突破，它解决了网页界面排版的难题。可以这么说，HTML的Tag主要是定义网页的内容(Content)，而CSS决定这些网页内容如何显示(Layout)。CSS的英文是Cascading?Style?Sheets，中文可以翻译成串联式样式表。CSS按其位置可以分成三种： 1)内嵌样式(Inline?Style)? 2)内部样式表(Internal?Style?Sheet)? 3)外部样式表(External?Style?Sheet) 三、Css?基础语法??? CSS?语法由三部分构成：选择器、属性和值：?selector?{property:?value}?选择器?(selector)?通常是你希望定义的?HTML?元素或标签，属性?(property)?是你希望?改变的属性，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明（declaration）?：?body?{color:?blue}?上面这行代码的作用是将?body?元素内的文字颜色定义为蓝色。?在上述例子中，?body?是?选择器，而包括在花括号内的的部分是声明。声明依次由两部分构成：属性和值，color?为?属性，blue?为值。 示列： HTML? HEAD? STYLE?type=text/css? H1.mylayout?{border-width:?1;?border:?solid;?text-align:?center;color:red}? /STYLE /HEAD BODY? H1?class=mylayout?这个标题使用了Style。/H1 H1这个标题没有使用Style。/H1 /BODY? /HTML? 四、派生选择器?? 通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。?在?CSS1?中，通过这种方式来应用规则的选择器被称为上下文选择器?(contextual?selectors)，这是由于它们依赖于上下文关系来应用或者避免某项规则。在?CSS2?中，它们?称为派生选择器，但是无论你如何称呼它们，它们的作用都是相同的。?派生选择器允许你根据文档的上下文关系来确定某个标签的样式。?通过合理地使用派生?选择器，我们可以使?HTML?代码变得更加整洁。 五、?id?和类选择器??? id?选择器可以为标有特定?id?的?HTML?元素指定特定的样式。?id?选择器以?#?来定义。?下面的两个?id?选择器，第一个可