HTML+-css+javascript复习题.doc

目录 TOC \o 1-3 \h \z \u HYPERLINK \l _Toc375956133 1.为什么在网页中加入CSS？ PAGEREF _Toc375956133 \h 1 HYPERLINK \l _Toc375956134 2．在HTML网页中添加CSS有几种方法？请分别介绍如何使用？ PAGEREF _Toc375956134 \h 1 HYPERLINK \l _Toc375956135 3.JavaScript的特点有哪些？ PAGEREF _Toc375956135 \h 2 HYPERLINK \l _Toc375956136 4.CSS中margin和padding的区别 PAGEREF _Toc375956136 \h 3 HYPERLINK \l _Toc375956137 5.css 中id和class如何定义,哪个定义的优先级别高? PAGEREF _Toc375956137 \h 3 HYPERLINK \l _Toc375956138 6.CSS中span和div的区别 PAGEREF _Toc375956138 \h 3 HYPERLINK \l _Toc375956139 7．CSS+DIV 布局的优点有哪些？ PAGEREF _Toc375956139 \h 4 HYPERLINK \l _Toc375956140 8.CSS引入的方式有哪些? link和@import的区别? PAGEREF _Toc375956140 \h 4 1.为什么在网页中加入CSS？ 在网页中加入CSS用于有效地设计和实现网页排版布局的一组描述或定义。而CSS通过样式来表示网页的颜色，字体，背景色，边框线及网页内容的位置及大小尺寸等属性；可以精确地控制网页中各个元素的位置；简化代码，提高下载速度；可以和脚本语言相结合，从而使网页中的元素实现动态效果；代码兼容性更好。 2．在HTML网页中添加CSS有几种方法？请分别介绍如何使用？ 链入外部样式表、内部样式表、导入外表样式表，内嵌样式。? 1.链入外部样式表? 链入外部样式表是把样式表保存为一个样式表文件，然后在页面中用link标记链接到这个样式表文件，这个link标记必须放到页面的head区内，如下：? head?????? link?href=mystyle.css?rel=stylesheet?type=text/css?media=all??????/head? ??上面这个例子表示浏览器从mystyle.css文件中以文档格式读出定义的样式表。rel=”stylesheet”是指在页面中使用这个外部的样式表。type=”text/css”是指文件的类型是样式表文本。href=”mystyle.css”是文件所在的位置。media是选择媒体类型，这些媒体包括：屏幕，纸张，语音合成设备，盲文阅读设备等。? ??一个外部样式表文件可以应用于多个页面。当你改变这个样式表文件时，所有页面的样式都随之而改变。在制作大量相同样式页面的网站时，非常有用，不仅减少了重复的工作量，而且有利于以后的修改、编辑，浏览时也减少了重复下载代码。? ??样式表文件可以用任何文本编辑器（例如：记事本）打开并编辑，一般样式表文件扩展名为.css。内容是定义的样式表，不包含HTML标记，mystyle.css这个文件的内容如下：? ??hr?{color:?sienna}??p?{margin-left:?20px}?? body?{background-image:?url(images/back40.gif)}?? /*定义水平线的颜色为土黄；段落左边的空白边距为20象素；页面的背景图片为images目录下的back40.gif文件*/? ??? ?2.?内部样式表? ??内部样式表是把样式表放到页面的head区里，这些定义的样式就应用到页面中了，样式表是用style标记插入的，从下例中可以看出style标记的用法：? head?????? style?type=text/css??hr?{color:?sienna}??p?{margin-left:?20px}?? body?{background-image:?url(images/back40.gif)}??/style??????/head? ??注意：有些低版本的浏览器不能识别style标记，这意味着低版本的浏览器会忽略style标记里的内容，并把style标记里的内容以文本直接显示到页面上。为了避免这样的情况发生，我们用加HTML注释的方式（!--?注释?--）隐藏内容而不让它显示：? head?????? style?type=text/css??!--?? hr?{color: