一.填空
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是向服务器传送数据。