实验 CSS样式表的应用.docVIP

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