CSS实验报告(最新整理版).pdfVIP

武夷学院试验报告

课程名称：电子商务网站设计与开发项目名称：CSS应

姓名：林元卿专业：旅游管理班级：3班学号：20136031011

一、试验预习部分：

（一）试验原理：

1、熟识Web标准；

Web页面是由块元素组成的，正常状况下块元素一个个按垂直方向排布，构成了页面。CSS（层叠样式表），是用来

进行网页风格设计的，用于限制网页样式并允许将样式信息与网页内容分别的一种标记语言，它不须要编译，可以干脆

由阅读器说明执行，它为Web设计师们供应了完善的、全部阅读器都支持的布局实力，同时，文档的表现样式与内容的

分别，通过单个样式表限制多个文档的布局，也令网站维护简洁了很多。

2、驾驭CSS选择器、盒子模型、盒子排版原理；

选择器(selector)：用于指定对哪些网页元素进行设置，即选择设置对象。基本选择器包括：标签选择器、类别选

择器和ID选择器。

3、驾驭CSS进行页面排版布局；

4、驾驭CSS进行页面各元素的效果设置

二、试验过程记录部分：

（一）网页排版结构：

框架对应的代码：

divid=“container”

divid=“banner”/div

divid=“globallink”/div

divid=“left”/div

divid=“middle”/div

divid=“right”/div

divid=“footer”/div

/div

二级框架：

试验操作成果（百分制）__________试验指导老师签字：__________

三、试验结果与探讨：

（1）CSS，在几乎全部的阅读器上都可以运用。

（2）以前一些非得通过图片转换实现的功能，现在只要CSS就可以轻松实现，从而更快地下载页面。

（3）使页面的字体变得更美丽，更简洁编排，使页面真正赏心悦目。

（4）你可以轻松地限制页面的布局。

（5）你可以将很多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上全部的网页风格

都运用一个CSS文件进行限制，只要修改这个CSS文件中相应的行，那么整个站点的全部页面都会随之发

生变动。想一想，没有运CSS前我们是如何限制字体的颜色和大小以及所运用的字体的？我们一般运

HTML标签来实现，代码特别烦琐。很难想象，假如在一个页面里须要频繁地更替字体的颜色大小，最终

生成的HTML代码的长度肯定臃肿不堪。说实话，CSS就是为了简化这样的工作诞生的，当然其功能决非

这么简洁。结合DIVCSS是通过对页面结构的风格限制的思想，来限制整个页面的风格的属性。阅读器

通过CSS类说明来呈现CSS属性来表现样式里设置的样式。

试验报告成果（百分制）__________试验指导老师签字：__________