网页设计与制作CSS.docx

XXX 大学专题小论文题目:网页设计与制作实践—— CSS 院别专业电子商务年级二年级学生学号指导教师二〇一四年四月 1 CSS 摘要: 随着时代的发展,网站建设越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计,日益被网站建设者所注重。网页设计作为用户界面交互设计的延伸,实在新的媒体和新的技术支持实现一个全新的设计创作领域。设计创作网页与循环其特有的特点和结构思路,具备可实际行和外观时尚。本论文将对网页设计的开发语言开展研究和讨论。主要介绍 CSS 相关的知识。关键词: 网页设计; CSS ;模型; 2 目录一。网页设计概述………………………………………………………… 3 二、 Css 简介……………………………………………………………… 3 三、 Css 基础语法……………………………………………………… 3 四、派生选择器………………………………………………………… 4 五、 id和类选择器…………………………………………………… 4 六、 Css 框架型结构……………………………………………………… 5 七、定为基础和相对绝对定位…………………………………………… 5 参考文献…………………………………………………………………… 7 3 一。网页设计概述网页是企业向用户和网民提供信息( 包括产品和服务) 的一种方式, 是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站) 去谈电子商务是不可能的。企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站是 上宣传和反映企业形象和文化的重要窗口。二、 Css 简介随着 的迅猛发展, HTML 被广泛应用, 上网的人们当然希望网页做得漂亮些,因此 HTML 排版和界面效果的局限性日益暴露出来。为了解决这个问题, 人们也走了不少弯路, 用了一些不好的方法,比如给 HTM L 增加很多的属性结果将代码变得很臃肿,将文本变成图片,过多利用 Tabl e 来排版, 用空白的图片表示白色的空间等。直到 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 是选择器, 而包括在花括号内的的部分是声明。声明依次由两部分构成:属性和值, 4 color