html5+css3 小测试

一.填空

1.网页的后缀名通常为:***.html和.***htm

2.网页中设置表格边框厚度的属性:boder,设置表格单元格之间距离的属性:cellspacing,设置表格单元格内容和单元格边框之间距离的属性:cellpadding

3.预定义格式化标签<pre></pre>的功能:可定义预格式化的文本,(即可以根据自己的需要定义文本格式)

4.CSS中的选择器可分为七种,分别是:标签选择器,id选择器,class选择器,父代选择器,子代选择器,组选择器,伪类选择器

5.可以实现文字滚动的标签是:<marquee></marquee>

6.在页面中嵌入多媒体,如视频,声音等用到的标签有:auto和video,embed

7.通过poster属性可以设置在视频播放前的图片呈现

8.用来在视频窗口下附加MS-WINDOWS的AVI播放控制条的是:controls

9.CSS中新增的伪类:属性选择器和伪类选择器

10.每间隔3秒就刷新页面的代码:<meta http-equiv="Refresh" content="3" />

11.属性display的值有:none,block,inline,inline-block

12.表单对象的名称由name属性设定,提交方法由method属性指定,若要提交大量数据应采用:post;表单提交后的数据处理程序由action属性指定

二.简答

1.html5中为什么要写<!Doctype html>?

答:它是html5标准网页声明,全称为Document Type HyperText Mark-up Language,意思为文档种类为超文本标记性语言或超文本链接标示语言,支持html5标准的主流浏览器都认识这个声明。表示网页采用html5文档类型,<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前,告诉浏览器文档使用哪种 HTML 或 XHTML 规范。

2.行内元素,块元素,空元素有哪些?

答:行内元素:a、b、span、img、input、strong、select、label、em、button、textarea等

       块元素:div、ul、li、dl、dt、dd、p、h1-h6、table form等

      空元素:<br> <hr> <img> <input> <link> <meta> 

3.页面导入样式时,使用link和@import有什么区别?

答:(1)link属于XHTML标签,除了加载CSS外,还能用于定义RSS, 定义rel连接属性等作用;而@import是CSS提供的,只能用于加载CSS;

(2)页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载;

(3)import是CSS2.1 提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼容问题;

4.介绍CSS盒子模型?

答:CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。

Margin(外边距) ------ 清除边框外的区域,外边距是透明的。

Border(边框) ------围绕在内--边距和内容外的边框。

Padding(内边距)------ 清除内容周围的区域,内边距是透明的。

Content(内容) -------盒子的内容,显示文本和图像。

5.CSS中新增的伪类有哪些?

答:

(1)属性选择器分为5种

E:[attr=value]

E:[attr]

E:[attr*=value]

E:[attr^=value]

E:[attr$=value]

(2)伪类选择器

E::first-child 选择第一个元素

E::last-child 选择最后一个元素

E::nth-child(n)选择第n个元素

E::nth-child(even)/E::nth-child(odd)选择偶数/奇数元素

E::nth-last-child(n)选择倒数第几个元素

E::target 结合锚点使用  ,用户点击时选择

E::selection  选中的区域

E::empty  选择没有内容的元素

E::after/before  在元素内容之后或之前添加内容(元素)

E::first-line  选择元素内容首行

E::first-letter  选择元素内容首字

6.Margin-top塌陷产生的原因?解决办法?

答:产生原因: 一个元素中含有一个子元素,设置子元素的margin-top时会将其值添加给父元素,导致子元素的margin-top设置失效。

      解决办法:(1)给父元素设置属性overflow:hidden

                        (2)给父元素设置边框

                        (3)通过伪类的方式解决

7.如何解决浮动元素撑不开父元素大小的问题?

答:(1)设置属性overflow来解决这个溢出的问题

               属性值visible:表示默认值,内容不会被裁剪,会呈现在元素外

               属性值hidden:表示内容会被裁剪,但裁剪的内容不会呈现在元素之中

               属性值scroll: 表示内容会被裁剪,裁剪内容以滚动条(水平和垂直)的形式呈现在元素之中

                           水平:overflow-x:scroll

                           垂直:overflow-y:scroll

               属性值auto:如果内容被裁剪,则裁剪内容以滚动条的形式呈现在元素中

(2)给父元素添加一个空的子元素

(3)使用为元素类

8.前端开发由哪三大部分组成?作用分别是什么?

1、结构层(HTML)由HTML 或XHTML 之类的标记语言创建。

2、表现层(CSS)用于美化CSS层,可以很好地将结构层和表现层分离出来

3、行为层(JS):提供用户和界面的交互方式

9.CSS权重如何理解?

答:权重即优先级,它可以指定CSS样式规则的应用优先权,默认的优先级别为:行内样式>内嵌样式>外联样式

可以通过!important属性改变优先级

10.提交表单时,get和post提交方式有何区别?

答:(1)get提交:提交的数据量小,且会将表单的数据信息显示在URL地址栏上,安全性低

                post提交:提交的数据量大,且不会将数据信息显示在地址栏上,安全性高

        (2)get是从服务器上获取数据,post是向服务器传送数据。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值