实验 CSS样式表的应用.docxVIP

实验三 CSS 样式表的应用---CSS 的引用 一、实验目的 1、掌握 CSS 样式表的引用的几种方式 2、学习如何控制字号，字模及加入特殊效果 3、了解要素和图象方面的样式设置二、实验内容 1、整页套用样式： 不执行这个网页程序，回答程序中的问题，为什么？ html head Style Type=text/css !— h2{color:blue;text-align:center} h1{color:red;text-align:right} -- /style /head body h1网站/h1 h2网站/h2 h1请指出这个几字的颜色及对齐方式/h1 h2请指出这个几字的颜色及对齐方式/h2 h3请指出这个几字的颜色/h3 /body /html 2、样式文件引入 不改变以下程序，分别使“网站实验”几个字变红色，“css 网 页实验”几个字变成绿色（分别使用外联和导入方式） html head link rel=stylesheet Type=text/css href=cs.css /head body h1网站实验/h1 h2css 网页实验/h2 /body /html 3、如何使有超级链接的文字不出现下划线，如何使鼠标移动到超链上产生变色的效果 写出以下语句，并改变参数，使超链上产生变色，并改变有超级链接文字的下划线的类型 html titlelink css/title head style !-- a:link{color:green;text-decoration:none} a:visited{color:red;text-decoration:none} a:hover{color:black;text-decoration:underline;font-size:25pt} -- /style /head body p style=font-family: 行 书 体 ;font-size:28pt a href=未访问的链接/a/p p style=font-family: 宋 体 ;font-size:18pt a href=访问过的链接/ap p style=font-family: 行 书 体 ;font-size:18pt a href= 鼠标激活的链接/ap /body /html 4、用 css 控 制 的 网 页 1)用以下语句建立一个 6.htm 文件 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title用 css 控 制 的 网 页/title link rel=stylesheet type=text/css href=style.css /head body table width=755 height=388 tr td width=100 align=right height=30/td td width=544 height=30 h1 align=center用 css 控 制 的 网 页/h1 /td/tr tr td width=100 align=right height=30b文章标题：/b/td td width=544 height=30input type=text name=txttitle size=70 class=smallinput maxlength=100/td/tr td width=100 align=right height=93/td td width=544 height=93 class=b2b2CSS 就是一种叫做样式表 （stylesheet）的技术。br 也有的人称之为层叠样式表（Cascading Stylesheet）。br 在主页制作时采用 CSS 技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。br 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。/b2/td tr td width=100 align=right height=30b相关文章/b/td td width=544 height=30input type=text name=txttitle size=70 class=smallinput maxlength=100/td /trtr td width=100 align=right height=80/td td width=544 height=80h1它的作用可以达到：br 在几乎所有的浏览器上都可以使用。br 以前一些非得通过图片转换实现的功能，现在只要用 CSS 就可以轻松实现，从而更快地下载页