实验 CSS样式表的应用

相关主题
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

实验三 CSS样式表的应用---CSS的引用

一、实验目的

1、掌握CSS样式表的引用的几种方式

2、学习如何控制字号,字模及加入特殊效果

3、了解要素和图象方面的样式设置

二、实验内容

1、整页套用样式:

不执行这个网页程序,回答程序中的问题,为什么?

网站

网站

请指出这个几字的颜色及对齐方式

请指出这个几字的颜色及对齐方式

请指出这个几字的颜色

2、样式文件引入

不改变以下程序,分别使“网站实验”几个字变红色,“css网页实验”几个字变成绿色(分别使用外联和导入方式)

网站实验

css网页实验

3、如何使有超级链接的文字不出现下划线,如何使鼠标移动到超链上产生变色的效果

写出以下语句,并改变参数,使超链上产生变色,并改变有超级链接文字的下划线的类型

link css

href="">未访问的链接

href="">访问过的链接

href=""> 鼠标激活的链接

4、用 css 控制的网页

1)用以下语句建立一个6.htm文件

用 css 控制的网页

用 css 控制的网页

文章标题:

size="70"

class="smallinput" maxlength="100">

CSS就是一种叫做样式表(stylesheet)的技术。

也有的人称之为层叠样式表(Cascading

Stylesheet)。

在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。

相关文章

size="70"

class="smallinput" maxlength="100">

它的作用可以达到:

(1)在几乎所有的浏览器上都可以使用。

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

(3)使页面的字体变得更漂亮,更容易编排,使页面真正赏心悦目。
(4)你可以轻松地控制页面的布局。

作者: