11. 用户自定义的类和ID在定义和使用时有什么区别?
【解答】
定义时,类以英文形式的句点“.”为起始标志,ID以“#”为起始标志;使用时,类可以在一个页面中被多个不同的元素引用,而ID在一个页面中只能被引用一次。
12. 样式定义如下,试说明显示结果,并做相应解释。
样式表文件StyleExercise.css:
以下是引用片段: body { background-color:#ccccff; } p { color:Blue; font-size:30px; } h1 { color:Yellow; font-size:medium; } p a { color :Orange; font-size:40px; } |
HTML文件:
以下是引用片段: <head> <title>样式作业练习</title> <link type="text/css" rel=Stylesheet href=StyleExercise.css /> <style> h1{color:red;} .first{background-color:black;} </style> </head> <body> <h1 style="color:brown;">标题1</h1> <h1 class=first>标题2</h1> <p style="font-size:20px;">文本</p> <p>这是一个<a href="http://www.baidu.com">链接</a>演示。</p> <a href="http://www.baidu.com">另一个链接</a> </body> |
1) 第一次使用的P、H1~H6标记均以红色的“40px”大小的字体显示;
2) 超链接未选中时,以蓝色字体显示;当鼠标移动到上方时,以原字体大小的1.5倍的橙色字体显示;当超链接被点击之后,以暗红色字体显示;
3) 所有P标记的内容都以列表的形式显示;
4) 所插入图片的左右两侧都允许有文字出现;
5) 使用背景图片,并使其在整个页面的两个方向平铺。
【解答】
该HTML页面与样式表文件建立了链接,显示时以“#ccccff”色为背景色;
“标题1”:三种样式定义方式都使用了,最终按照就近原则,以内联式样式定义的颜色“brown”、外部链接的样式表文件定义的字体大小“medium”显示;
“标题2”:使用了外部链接和直接嵌入的样式定义,以直接嵌入式定义的颜色“red”、类.first定义的背景色“black”、 外部链接的样式定义的字体大小“medium”显示;
“文本”:使用了外部链接和内联式的样式定义,以内联式定义的字体大小“20px”、外部链接的样式定义的颜色“blue”显示;
“这是一个……演示”:使用了外部链接的样式定义,以颜色“blue”、 字体大小“30px”显示;其中“链接”二字,使用了包含选择符的样式定义,以样式表定义的颜色“orange”、字体大小“40px”显示;
“另一个链接”:没有样式定义,按默认方式显示。
1) 第一次使用的P、H1~H6标记均以红色的“40px”大小的字体显示;
2) 超链接未选中时,以蓝色字体显示;当鼠标移动到上方时,以原字体大小的1.5倍的橙色字体显示;当超链接被点击之后,以暗红色字体显示;
3) 所有P标记的内容都以列表的形式显示;
4) 所插入图片的左右两侧都允许有文字出现;
5) 使用背景图片,并使其在整个页面的两个方向平铺。