(网页设计与制作CSS.docxVIP

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/HEADBODY?H1?class=mylayout?这个标题使用了Style。/H1H1这个标题没有使用Style。/H1/BODY?/HTML?四、派生选择器?通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。?在?CSS1?中，通过这种方式来应用规则的选择器被称为上下文选择器?(contextual?selectors)，这是由于它们依赖于上下文关系来应用或者避免某项规则。在?CSS2?中，它们?称为派生选择器，但是无论你如何称呼它们，它们的作用都是相同的。?派生选择器允许你根据文档的上下文关系来确定某个标签的样式。?通过合理地使用派生?选择器，我们可以使?HTML?代码变得更加整洁。五、?id?和类选择器?id?选择器可以为标有特定?id?的?HTML?元素指定特定的样式。?id?选择器以?#?来定义。?下面的两个?id?选择器，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为?绿色：#red {color:red;} #green?{color:green;}下面的HTML代码中id属性为red的P元素显示为红色，二id属性为green