第8章使用CSS样式控制网页外观
一、填空题
1、()是“Cascading Style Sheet”的缩写,可译为“层叠样式表”或“级联样式表”。正确答案:CSS
2、在Dreamweaver中,根据选择器的不同类型,CSS样式被划分为3大类,即()、标签和高级。
正确答案:类
3、CSS样式表文件的扩展名为“()”。
正确答案:.css
4、设置活动超级链接的CSS选择器是()。
正确答案:a:active
5、应用(),网页元素将依照定义的样式显示,从而统一了整个网站的风格。
正确答案:CSS样式表
二、选择题
1、在【新建CSS规则】对话框的【选择器类型】单选按钮组中,选择【类(可应用于任何标签)】表示()。
css选择器分为哪几类A、用户自定义的CSS样式,可以应用到网页中的任何标签上,
B、对现有的HTML标签进行重新定义,当创建或改变该样式时,所有应用了该样式的格式都会自动更新
C、对某些标签组合或者是含有特定ID属性的标签进行重新定义样式
D、以上说法都不对
正确答案:A
2、在【新建CSS规则】对话框的【选择器类型】单选按钮组中,选择【标签(重新定义特定标签的外观)】表示()。
A、用户自定义的CSS样式,可以应用到网页中的任何标签上,
B、对现有的HTML标签进行重新定义,当创建或改变该样式时,所有应用了该样式的格式都会自动更新
C、对某些标签组合或者是含有特定ID属性的标签进行重新定义样式
D、以上说法都不对
正确答案:B
3、在【新建CSS规则】对话框的【选择器类型】单选按钮组中,选择【高级(ID、伪类选择器等)】表示()。
A、用户自定义的CSS样式,可以应用到网页中的任何标签上,
B、对现有的HTML标签进行重新定义,当创建或改变该样式时,所有应用了该样式的格式都会自动更新
C、对某些标签组合或者是含有特定ID属性的标签进行重新定义样式
D、以上说法都不对
正确答案:C
4、下面属于类选择器的是()。
A、#TopTable
B、.Td1
C、P
D、#NavTable a:hover
正确答案:B
5、下面属于标签选择器的是()。
A、#TopTable
B、.Td1
C、P
D、#NavTable a:hover()
正确答案:C
三、问答题
1、简要总结3种选择器各自的特点。
答:(1)【类】CSS样式用来存放文档中标签的共同属性,网页元素使用该类CSS样式时,需要添加引用。(2)【标签】CSS样式用来改变或者扩展文档中某些特定的HTML标签的属性。(3)【高级】CSS样式是改变标签组合、命名ID标签属性最好的方式。
2、应用CSS样式有哪几种方法?
答:在Dreamweaver CS3中,可以使用多种方式来应用已经创建好的CSS样式。(1)在【属性】面板的【样式】下拉列表框中选择已经创建好的样式。(2)在菜单栏中选择【文本】/【CSS样式】命令,从列表中选择一种设置好的样式。(3)在【CSS样式】面板中选中要
应用的样式,再在面板的右上角单击按钮,或者直接单击鼠标右键,从弹出的菜单中选择【套用】命令即可应用样式。(4)外部样式表通常是供多个网页使用的,其他的网页文档要想使用已创建的外部样式表,必须通过“附加样式表”命令将样式表文件链接或者导入到文档中,然后再进行具体样式的应用。
四、操作题
根据操作提示设置网页CSS样式,如图8-58所示。
操作提示:
(1)在文档中输入文本,标题使用“标题2”格式,正文每行都按Enter键结束。
(2)针对该文档重新定义标签“h2”的属性:设置文本颜为“#FFFFFF”,颜
背景颜为“#999999”,文本对齐方式为“居中”,方框宽度为“120像素”,
填充和边界全部为“5像素”。
(3)创建类样式“.Pstyle”并应用到各个段落:设置文本大小为“14像素”,行高
为“30像素”,方框宽度为“550像素”,边界全部为“0”,下边框的样式为“点
划线”,宽度为“1像素”,颜为“#CCCCCC”。
参考答案见“课后习题\结果”文件夹中的“lianxi.htm”。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论