1、林元卿专业:旅游管理班级:3班学号:20136031011一、实验预习部分:(一)实验原理:1、 熟悉Web标准;Web页面是由块元素组成的,正常情况下块元素一个个按垂直方向排布,构成了页面。CSS(层叠样式表),是用来进行网页风格设计的,用于控制网页样式并允许将样式信息与网页内容分离的一种标记语言,它不需要编译,可以直接由浏览器解释执行,它为Web设计师们提供了完善的、所有浏览器都支持的布局能力,同时,文档的表现样式与内容的分离,通过单个样式表控制多个文档的布局,也令网站维护容易了许多。2、掌握CSS选择器、盒子模型、盒子排版原理;选择器(selector):用于指定对哪些网页元素进行设置,
2、即选择设置对象。基本选择器包括:标签选择器、类别选择器和ID选择器。 3、掌握用CSS进行页面排版布局;4、掌握用CSS进行页面各元素的效果设置二、实验过程记录部分:(一)网页排版结构: 框架对应的代码: div id=“globallink”div id=“left”div id=“middle”div id=“right”div id=“footer”二级框架:实验操作成绩(百分制)_ 实验指导教师签字:_三、实验结果与讨论:(1)CSS,在几乎所有的浏览器上都可以使用。(2)以前一些非得通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。(3)使页面的字体变得更漂
3、亮,更容易编排,使页面真正赏心悦目。(4)你可以轻松地控制页面的布局 。(5)你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。想一想,没有使用CSS前我们是如何控制字体的颜色和大小以及所使用的字体的?我们一般使用HTML标签来实现,代码非常烦琐。很难想象,如果在一个页面里需要频繁地更替字体的颜色大小,最终生成的HTML代码的长度一定臃肿不堪。说实话,CSS就是为了简化这样的工作诞生的,当然其功能决非这么简单。结合DIV CSS是通过对页面结构的风格控制的思想,来控制整个页面的风格的属性。 浏览器通过CSS类解释来呈现CSS属性来表现样式里设置的样式。实验报告成绩(百分制)_ 实验指导教师签字: