HTML11+css+javascript复习题.pdf资源-CSDN文库

版权申诉

67 浏览量 2022-12-17 13:27:49 上传评论收藏 707KB PDF 举报

资源推荐

资源详情

资源评论

1.为什么在网页中加入 CSS？........................................................................................................2

2．在 HTML 网页中添加 CSS 有几种方法？请分别介绍如何使用？.......................................2

3.JavaScript 的特点有哪些？..........................................................................................................3

4.CSS 中 margin 和 padding 的区别................................................................................................4

5.css 中 id 和 class 如何定义,哪个定义的优先级别高? ...............................................................4

6.CSS 中 span 和 div 的区别 ...........................................................................................................4

7．CSS+DIV 布局的优点有哪些？ ..............................................................................................5

8.CSS 引入的方式有哪些? link 和@import 的区别?.....................................................................5

1.为什么在网页中加入 CSS？

在网页中加入 CSS 用于有效地设计和实现网页排版布局的一组描述或定义。

而 CSS 通过样式来表示网页的颜色，字体，背景色，边框线及网页内容的位置及

大小尺寸等属性；可以精确地控制网页中各个元素的位置；简化代码，提高下载

速度；可以和脚本语言相结合，从而使网页中的元素实现动态效果；代码兼容性

更好。

2．在 HTML 网页中添加 CSS 有几种方法？

请分别介绍如何使用？

链入外部样式表、内部样式表、导入外表样式表，内嵌样式。

1.链入外部样式表

链入外部样式表是把样式表保存为一个样式表文件，然后在页面中用<link>标记链接到这个

样式表文件，这个<link>标记必须放到页面的<head>区内，如下：

<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> „„

body {background-image: url("images/back40.gif")} </style> „„ </head>

注意：有些低版本的浏览器不能识别 style 标记，这意味着低版本的浏览器会忽略 style 标

记里的内容，并把 style 标记里的内容以文本直接显示到页面上。为了避免这样的情况发生，

我们用加 HTML 注释的方式（）隐藏内容而不让它显示：

<head> „„

hr {color: sienna} p {margin-left: 20px}

body {background-image: url("images/back40.gif")} --> </style> „„ </head>

3. 导入外部样式表

导入外部样式表是指在内部样式表的<style>里导入一个外部样式表，导入时用@import，看

下面这个实例：

<head> „„

@import “mystyle.css” 其他样式表的声明 --> </style> „„ </head>

例中@import “mystyle.css”表示导入 mystyle.css 样式表，注意使用时外部样式表的路径。

方法和链入样式表的方法很相似，但导入外部样式表输入方式更有优势。实质上它相当于存

在内部样式表中的。

注意：导入外部样式表必须在样式表的开始部分，在其他内部样式表上面。

4. 内嵌样式

内嵌样式是混合在 HTML 标记里使用的，用这种方法，可以很简单的对某个元素单独定义

样式。内嵌样式的使用是直接将在 HTML 标记里加入 style 参数。而 style 参数的内容就是

CSS 的属性和值，如下例：

<p style="color: sienna;margin-left: 20px;"> 这是一个段落 </p>

在 style 参数后面的引号里的内容相当于在样式表大括号里的内容。

注意：style 参数可以应用于任意 BODY 内的元素（包括 BODY 本身），除了 BASEFONT、

PARAM 和 SCRIPT。

3.JavaScript 的特点有哪些？

脚本编写语言，采用小程序段的方式实现编程，也是一种解释性语言，提供

了一个简单的开发过程。

基于对象：JavaScript 是基于对象的脚本编程语言，同时还可以看做是一种

面向对象的语言。

简单性：JavaScript 是一种基于语句和控制之上的简单而紧凑的设计，同时

JavaScript 的变量类型是弱类型，使用不严格。

相对安全性：JavaScript 是客户端脚本，通过浏览器解释执行。它不允许直接

访问本地计算机，并且不能将数据存到服务器上，它也不允许对网络文档进行修

改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢

失。

动态性：JavaScript 提供简单高效的语言流程，灵活处理对象的各种方法和

属性，同时及时响应文档页面事件，实现页面的交互性和动态性。

跨平台： JavaScript 脚本的正确运行依赖于浏览器，而与具体的操作系统无

关。只要客户端装有支持 JavaScript 脚本的浏览器，JavaScript 脚本运行结果就能

正确反映在客户端浏览器平台上。

剩余12页未读，继续阅读

评论收藏

内容反馈

版权申诉

我是你的春哥！

粉丝: 1w+
资源: 1万+

HTML11+ css+javascript复习题.pdf

最新资源

HTML11+ css+javascript复习题.pdf

HTML+ css+javascript复习题.pdf

Css复习题 (2).pdf

Css复习题.pdf

java web复习题3.pdf

网页设计复习题.pdf

web程序设计复习题.pdf

java web复习题1.pdf

前端基础面试题.pdf

《网页设计》复习题.pdf

网页制作复习题.pdf

ASP动态网页设计复习题.pdf

电子商务系统分析与设计复习题及答案.pdf

HTML期末复习题含答案.pdf

jsp复习题.pdf

HTML期末考试复习题及参考答案.pdf

238道大厂前端高频面试题.pdf

大学计算机基础期末复习题.pdf

HTML5及CSS3web前端开发技术习题答案解析.pdf

《JSP程序设计》复习题.pdf

前端面试复习篇(54题)..pdf

Web前端开发技术期末复习题库(含答案).pdf

网页设计与制作教程（HTML+CSS+JavaScript）第2版+电子教案、素材文件、源代码

山东大学web期末复习.pdf

web应用程序设计复习题[借鉴].pdf

安徽大学网站设计与建设复习题.pdf

“动态网页设计”考试复习归类.pdf

复习案例.rar

echarts-gl.min.js

基于html+vue绘制银色圣诞树（超级好看！！）（附完整代码）

自主研发的软著申请代码文档整理输出工具

最新资源