一填空:
1.网页的后缀名通常xxx.html与xxx.htm
2.请写出在网页中设定表格边框厚度的属性border-width,
设定单元格与单元格间距的是cellspacing,
内容与单元格间距cellpadding。
3.预定义格式化标签pre功能是:
标记内的内容按照原格式显示在网页中,被包围在pre元素中的文本通常会 保留空格和换行符。而文本也会呈现为等宽字体。
4.CSS中的选择器基本可以分为7种,他们分别是
标签、id、类、子代、后代、组、伪类选择器。
5.在页面中实现文字滚动的标记是marquee。
6.在页面中嵌入多媒体,如:电影,声音等用到的标签是embed。
7.通过属性poster可以设置在页面视频播放前的图片呈现。
8.用来在视窗口下附加MS-WINDOWS的AVI播放控制条的属性是controls。
9.CSS3中新增的伪类有:
first-child;last-child;nth-child( even表示偶数,odd表示奇数);nth-last-child(-1n+5);empty;target;selection;before、after;first-line;first-letter。
10.每间隔三秒就刷新页面的代码:
11.属性display的值有:block、inline、inline-block、none。
12.表单对象的名称由name属性设定;提交方法由method属性指定;若要提交大数据量的数据,则应采用post方法;表单提交后的数据处理程序由action属性指定。
二简答:
1.HTML5中为什么要写声明?
用来告知浏览器当前的文档按照HTML5的类型进行编译执行的。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。
2.行内元素有哪些?块元素有哪些?行内块元素有哪些?空元素有哪些?
行内元素:a、span、b、i等;
块元素:h1~h6、div、p、ul、ol、li等;
空元素:br、hr、link、meta。
3.页面导入样式时,使用link和@import有什么区别?
(1)link是xhtml标签,除了加载CSS外,还可以定义RSS等其他事务;
@import属于CSS范畴,只能加载CSS;
(2)link引用CSS时,页面载入时同时加载;
@import需要在页面完全加载以后加载,而且被引用的CSS会等到引用它的CSS文件被加载完才加载;
(3)link是XHTML标签,无兼容问题;
@import是在CSS2.1提出来的,低版本的浏览器不支持;
(4)link支持使用JavaScript控制去改变样式;
@import不支持;
(5)link方式的样式的权重高于@import的权重;
(6)@import在HTML使用时需要style标签。
4.介绍一下CSS盒子模型?
包含内容(content)、内边距(padding)、边框(border)、外边距(margin)4个元素。
5.CSS3中新增的伪类有哪些?
first-child:第一个子元素、last-child:最后一个子元素;
nth-child( even表示偶数,odd表示奇数);
nth-last-child(-1n+5):表示选中后五个;
empty:空元素;
target: 目标伪类;
selection:选中区域;
before、after:结合content一起使用;
first-line:设置内容首行;
first-letter:设置首字。
6.margin-top塌陷是如何产生的?以及解决方法有哪些?
塌陷产生:一个元素含有一个子元素,给子元素设置margin-top时,会发现将设置的值添加给了父元素,所以导致设置失败。
解决方法:
(1)给父元素添加:overflow:hidden;
(2)给父元素添加边框:border:1px solid black;
(3)使用伪类元素。
.、浮动元素不会撑开父元素的大小,那么如何解决父元素撑开的问题?
清除浮动:
(1)给父元素添加:overflow:hidden;
(2)在元素最后加一个空元素,给其添加属性:clear:both;
(3)使用伪元素before和after:结合content一并使用:
.clearfix::before,.clearfix::after {
content: “”;
display: table;(解决了一部分需要使用表格特性但又不需要表格语义的情况)
}
.clearfix::after {
clear: both;
}
8、前端开发由三层构成,分别是什么以及作用是什么?
结构层:HTML去搭建文档的结构:用于对网页元素进行整理和分类;
样式层:CSS去设置文档的呈现效果:用于设置网页元素的版式、颜色、大小等外观样式,起到美化作用;
行为层:JavaScript去实现文档的行为:JS是脚本语言,指网页模型的定义及交互的编写,增加动态功能。
9、你对CSS权重作何理解?
默认:行内样式>内嵌样式>外嵌样式
内联样式权重:1,0,0,0 ID选择器权重:0,1,0,0 类选择器/伪类权重:0,0,1,0
元素选择器权重:0,0,0,1 继承或权重:0,0,0,0;
(1)如果样式上加有!important标记,那么始终采用这个标记的样式;
(2)匹配的内容按照CSS权重排序,权重大的优先;
(3)如果权重也一样,按照它在CSS样式表里声明的顺序,后声明的优先。
10.表单提交时,get和post提交方式的区别是什么?
get方法信息少容易直接获取,常用于提交较小的数据,比如ID、账号、密码等,会将用户数据显示在URL地址栏中,不安全;
post方法信息大,如文本字段,可加密,不会将用户数据显示在URL地址栏中,安全。
测试1
最新推荐文章于 2021-06-16 22:30:45 发布