《高二信息技术复习2.ppt》由会员分享，可在线阅读，更多相关《高二信息技术复习2.ppt（28页珍藏版）》请在三一文库上搜索。
1、css样式表,高二年级信息技术复习,CSS样式表,一、CSS样式表的特点 CSS样式表作为当前网页制作中的一个常用技术，不仅可以对文字格式进行设置，还可以更加精确地控制布局、字体、颜色、背景和其他图文效果。它主要有以下几个优点。 1、只需修改一个CSS代码就可以改变页数不定的网页外观和格式。 2、可以更好地控制页面布局和外观 3、在所有浏览器和平台之间具有较好的兼容性 4、精简网页，提高下载速度,CSS样式表,一、常用CSS样式定义方式 1、嵌入式样式表 在每个要应用样式的HTML的标记后写上CSS属性就可以了。这种方式主要用于对具体的标记作具体的调整，其作用的范围只限于本标记。例如，想规定一
2、个标记中的文字为红色，字体大小为10pt，则可以书写为： ,CSS样式表,一、常用CSS样式定义方式 2、内联样式表 把样式表放在的中间，从而使样式表对当前整个HTML页面产生作用，这就是一个内联样式表。其引用方式如下： 其中，是HTML语言中的注释标签，在样式表中使用，是为了帮助不支持CSS的浏览器过滤掉CSS代码，避免网页在浏览器中显示时CSS代码不被执行而是以源代码的方式显示在浏览器中。,CSS样式表,一、常用CSS样式定义方式 3、外部样式表 一个网站的同类页面，其风格往往是相同的或类似的，我们显然不希望每次都在和中插入相同的繁琐复杂的样式表。其实我们可以只编写一个CSS文件，借助于引
3、入外部样式表来实现不同页面的风格，并且当外部样式表被更改时，各引用该样式表的网页风格也随之发生变化，不需要手工逐个修改。定义方法为： （1）定义一个外部样式表文件（例如test.css），这个文件以”.css”为后缀，其中只需要对样式进行定义，不必包含标识符。 （2）在需要引用的HTML文件的和之间通过下面语句对test.css文件中的样式定义进行引用。 ,CSS样式表,三、样式定义方法 我们需要掌握的样式定义方式有两种，一种是对具体的标记定义，一种是类定义。其中超级链接标记a定义特别，单独说明。以下将举例说明，其中定义方法是通用的，同样适用于其他标签。 1、对具体标记定义 例如：TD fon
4、t-family: ”宋体”; font-size: 12pt 对网页中所有表格中的单元格中的文字样式进行定义， 定义字体为宋体，字号为12磅（pt）。,CSS样式表,三、样式定义方法 2、对具体标记的一类进行定义 例如： p.p1 font-weight: bold; color: #00ff00; line-height: 1cm; text-align: left p.p2 font-weight: normal; color: #0000ff; line-height: 20px; text-align: right 对于段落标记p定义两种类型，p1类型为文字加粗，文字颜色为绿色，行高
5、1厘米，文字对齐方式为左对齐。p2类型为文字正常，文字颜色为蓝色，行高20象素，文字对齐方式为右对齐。 p1和p2类只适用于p标签，引用方式为在p标签中加class属性，例如 段落一，将p1类定义应用于段落一； 段落二，将p2类定义应用于段落二,CSS样式表,三、样式定义方法 3、通用类定义 例如：.abc font-size: 9pt; color: green; text-decoration: underline 定义一个类abc，并没有指定具体的标签，表示这个类可以被任何合适的标签。 例如p、font、table等等调用，其使用方法为在标签中添加属性class=abc，例如,CSS样式
6、表,三、样式定义方法 4、超链接分状态定义 超级链接四种状态，超链未访问状态（link）、超链已访问状态（visited）、鼠标正好移在超链上状态（hover），超链正被点击状态（active）,我们可以对超链的每种状态进行定义。例如： A:link color: red; font-family: ”宋体”; text-decoration: none A:visited color: red; font-family: ”宋体”; text-decoration: none A:hover color: green; font-family: ”宋体”; text-decoration:
7、underline A:active color: green; font-family: ”宋体”; text-decoration: underline 对网页中的A标签的四种状态分别进行定义，其中超链未访问状态和超链已访问状态一样，都是文字颜色为红色，字体为宋体，无下划线；鼠标正好移在超链上状态和超链正被点击状态一样，都是文字为绿色，字体为宋体，有下划线。,CSS样式表,三、样式定义方法 5、超链接类定义 我们也可以对网页中的超链接定义不同的样式，这样就需要用到类。例如： A.a1:link color: rgb(0,130,0); text-decoration: none A.a1:
8、hover color: rgb(0,100,0); text-decoration: none; background-color: rgb(223,255,223) A.a1:visited color: rgb(0,130,0); text-decoration: none; A.a2:link color: #0000ff; font-family: ”宋体”; text-decoration: underline A.a2:visited color: #0000ff; font-family: ”宋体”; text-decoration: underline A.a2:hover
9、color: #000000; font-family: ”宋体”; text-decoration: none 引用方式为 超链一 超链二,CSS样式表试题练习单选题,1、在HTML中加入CSS有多种方法，其中把样式定义成一个“.CSS”文件，然后链接到网页中，这种方法称为（ ） A、直接编写 B、外联式样式表 C、内联式样式表 D、嵌入式样式表,B,CSS样式表试题练习单选题,2、 以上css代码定义了一个样式，这个样式的名称是( ) A、a B、aaa C、abc D、a1,A,CSS样式表试题练习单选题,3、网页源代码head区有以下css代码： .abc font-size: 12p
10、t; color: green; text-decoration: underline 修改body区以下一行代码： 互联网上有大量免费软件和共享软件。 要求“免费软件“四个字使用前面css定义的样式。哪个修改是正确的？（ ） A、互联网上有大量免费软件和共享软件。 B、互联网上有大量免费软件和共享软件。 C、互联网上有大量免费软件和共享软件。 D、互联网上有大量免费软件和共享软件。,D,CSS样式表试题练习单选题,4、css代码前面必须有一个开头语句，下面语句哪个正确？（ ） A、 B、 C、 D、,A,CSS样式表试题练习单选题,4、css代码前面必须有一个开头语句，下面语句哪个正确？（
11、） A、 B、 C、 D、,A,CSS样式表试题练习单选题,5、如下所示在和之间的文本不能正常显示出来，是因为浏览器比较老，不支持样式表语法。若要避免这种情况的发生（ ） h3 font-family: ”宋体”; color: green; font-style: italic; A、必须更新新的浏览器 B、只要加入代码 C、只要加入css D、以上都不对,B,CSS样式表试题练习单选题,6、在HTML中加入，此为（ ）。 A、外联式样式表 B、动态式样式表 C、内联式样式表 D、嵌入式样式表,D,CSS样式表试题练习单选题,7、网页中设有超链接的文字，在鼠标划过时，变成淡蓝色，字体也由9p
12、t，变为10pt，并出现下划线，这是使用了（ ） A、动画效果 B、加入html的css方式 C、网站标志 D、以上都不对,B,CSS样式表试题练习单选题,8、使用CSS为多个网页进行相同风格的布局和外观设置时，为了方便对这些网页进行修改，最好使用（ ） A、 VBSCRIPT样式表 B、 JAVASCRIPT样式表 C、 外联式样式表 D、 内联式样式表,C,CSS样式表试题练习综合分析题,1、使用CSS为外观设置时，若想只对当前而应用样式，最好使用（ ） A、 内联式样式表 B、 VBScript样式表 C、 外联式样式表 D、 Javascript样式表,A,CSS样式表试题练习综合分析
13、题,2、下列关于CSS样式表作用的叙述中哪些是正确的：（ ） A、精减网页，提高下载速度 B、只需修改一个CSS代码，就可改变页数不定的网页外观和格式 C、可以在网页中显示时间和日期 D、在不同浏览器和平台之间具有较好的兼容性,ABD,CSS样式表试题练习操作题,操作题注意 1、插入一段CSS定义，首先看文件中是否已经有，若是没有，先自行添加 2、CSS定义代码一般紧跟着后一行或者前一行插入，切勿在中间插入 3、插入代码时，要观察代码中的空格，不能输错。一般对A标签进行定义时，其后“：”前后没有空格，例如A:link ，其余的“：”“；”一般都有空格 4、代码输入完后一定要检查是否输入正确，一
14、般大小写不必区分,CSS样式表试题练习操作题,1、在“c:ata“文件夹中的index.html文件head区插入一段CSS代码（该段代码保存在“c:atacss代码.txt“中），并保存。 操作提示： 要添加,CSS样式表试题练习操作题,2、下列样式表可以完成设置文字为红色，字体为9pt，并有下划线，要求修改c:ataex3.htm，将下列样式表插入该文件的适当位置，使得窗口的主体部分显示的“欢迎进入机器人网站”变为12pt，绿色，加下划线。 ,CSS样式表试题练习操作题,3、打开c:ata中的wy2.htm网页文件，进行编辑修改。 （1）在网页区插入如下内联样式： A:linkcolor:
15、#6666ff;font-family:”宋体”;text-decoration:none A:visitedtext-decoration:none A:hovercolor:#cc0033;text-decoration:underline （2）加入网页标题“改革开放成果”。 （3）将页面下方“寻求合作”滚动字幕方向改为自左向右滚动。 操作提示：代码输入时，观察给出的代码中空格的使用，A后的“：”前后没有空格，其余的“：”和“；”后都有空格,CSS样式表试题练习操作题,4、打开c:ata中的wy4.htm网页文件，进行编辑修改。 （1）在网页区插入如下内联样式： TDfont-famil
16、y:”宋体”;font-size:12pt A:linkcolor:#6666ff;font-family:”宋体”;text-decoration:noneA:visitedtext-decoration:none A:hovercolor:white;text-decoration:underline a:hoverfont-size: 12pt ;color:rgb(255,450,34);font-weight:bold; (2) 将网页中的滚动字幕“欢迎您浏览我的首页”字体设为隶书，文字颜色改为“#ff0000”，滚动方向设为自左向右。 （3）将网页标题改为“欢迎浏览新闻首页”。,CSS样式表试题练习操作题,5、打开C:GATDoc中的wy15.HTM网页文件，进行编辑修改。 （1）在网页区插入联接外部样式表style.css的代码。 （2）将网页上部滚动字幕“欢迎进入本站！”的滚动方向设为自左向右，每秒滚动子数设为2。 （3）将midi004.mid设为背景音乐，循环播放。（音乐文件位置在“C:GATDoc”文件夹中） （4）将最终结果以wy15.HTM文件名保存在C:GATDoc中。,一、独立完成WORD文档：“复习：选择题2.docx” 二、自学江苏模拟练习题3、4套： 三、独立完成模拟练习3、4套。,我能行：,