本章主要介绍了CSS样式的基本知识,包括CSS样式的概念、类型和基本规则以及创建和应用CSS样式的基本方法,最后通过实例介绍了使用CSS样式控制网页外观的基本方法。熟练掌握CSS样式的基本操作将会给网页制作带来极大的方便,是需要重点学习和掌握的内容之一。
习 题
一、填空题
1.CSS是“________”的缩写,可被译为“层叠样式表”或“级联样式表”。
2.在Dreamweaver中,根据选择器的不同类型,CSS样式被划分为3大类,即________、________、________。
3.CSS样式表文件的扩展名为________。
4.设置活动超级链接的CSS选择器是________。
5.应用________,网页元素将依照定义的样式显示,从而统一了整个网站的风格。
二、选择题
1.下面属于[类]选择器的是________。
A.#TopTable B..Tdl
C.P D.#NavTablea:hover ’
2.下面属于[标签]选择器的是________。
A.#TopTable B..Tdl
C.P D.#NavTablea:hover(www.xing528.com)
三、问答题
1.简要总结3种选择器各自的特点。
2.应用CSS样式有哪几种方法?
四、操作题
根据操作提示设置网页的CSS样式,如图2.17所示。
图2.17 习题图
[操作提示]
1.在文档中输入文本,标题使用“标题2”格式,并且居中换行。
2.针对该文档重新定义标签“h2”的属性:设置文本[颜色]为“#FFFFFF”,[背景颜色]为“#FF0000”,[文本对齐]为“居中”,方框[宽]为“500像素”,配上边框,边框宽度为5px,边框颜色为绿色。
3.将段落1的p标签id设为“p1”,将段落2的p标签class设为“p2”,将所有段落的字体设为“宋体”,字号设为“20px”,行高设为30px。
4.段落1的字体颜色为“yellow”,上、左、右边框为黑色点画线,3px;下边框为实线,10px。段落2的字体颜色为“blue”,边框为红色实线,边框都为3个像素。每个段落的上边距为5像素,下边距为10像素。
五、拓展题
请为你的室友出一道样式表的作业题,可以是填空题、选择题、编程题或问答题。
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。