2023年6月21日发(作者：)

web前端（HTML+CSS）试题总结⼀.填空题1.⽹页的后缀名通常为()或()的页⾯.2.请写出在⽹页中设定表格边框的厚度的属性(border),设定表格单元格之间宽度属性(cellspacing),设定表格资料与单元格线的距离属性(cellpadding).3.预定义格式化标签

的功能是(被包围在pre元素中的⽂本通常会保留空格和换⾏符,⽽⽂本也会呈现等宽字体).或(标记内的内容按照原格式显⽰在⽹页中)中的选择器基本可以分为(7)种,它们分别是(标签;id;类;⼦代;后代;组/组合;伪类).5.在页⾯中实现⽂字滚动的标记是(marquee).6.在页⾯中嵌⼊多媒体,如:电影,声⾳,等⽤到的标签是(rideo,src,source,audio,embed).7.通过属性(poster)可以设置在页⾯视频播放前的图⽚呈现.8.⽤来在视频窗⼝下附加MS-WINDOWS的AVI播放控件条的属性是(controls).3中新增的伪类有哪些(E:first-child;E:last-child;E:nth-child).10.每间隔三秒就刷新页⾯的代码:11.属性display的值有(none;inline;block;inline-block).12.表单对象的名称由(name)属性设定,提交⽅法由(method)属性指定,若要提交⼤数据量的数据,则应采⽤(post)⽅法;表单提交后的数据处理程序由(action)属性指定.⼆.简答题5中为什么要写?答:⽂档类型(是HTML5的类型)是告诉浏览器当前的⽂档按照HTML5的类型进⾏编译执⾏(低版本不能识别⾼版本的语⾔).2.⾏内元素有哪些?块元素有哪些?空元素有哪些?答:i.⾏内:a img option span var em strong textarea select inputii. 块元素:div h1~h6 ol ul li dl td dd table tr th td p br formiii.空元素:span div3.页⾯导⼊样式时,使⽤link和@import有什么区别?答:属于xhtml标签,除了加载css外,还能⽤于定义Rss,定义rel链接属性等作⽤,⽽@import是css提供的,只能⽤于加载css;ii.页⾯被加载时,link会同时被加载,⽽@import引⽤的css会等到页⾯被加载完再加载.iii.@import是css2.1提出的,只在IE5以上才能被识别,⽽link是XHTML标签,⽆兼容性问题.4.介绍⼀下css盒⼦模型?答:在css布局中,每⼀个html元素在浏览器中的解析都可以被看作⼀个盒⼦,拥有盒⼦⼀样的外形和平⾯空间,它由margin;border;padding;content四部分组成,涉及到的css属性有margin,border,padding,3中新增的伪类有哪些?答:E:first-child;E:last-child;E:-top塌陷是如何产⽣的?以及解决⽅法有哪些?答:i.产⽣:⼀个元素中含有⼀个⼦元素,给⼦元素添加margin-top时,会发现将设置的值添加给了⽗元素,导致⼦元素设置 margin-top失效.ii.解决⽅法:(1)给与元素加overflow:hidden (2)给⽗元素加border边框 (3)伪元素7.浮动元素不会撑开⽗元素的⼤⼩,那么如何解决⽗元素撑开的问题?(你有哪些⽅式)?答:(1)给⽗元素设置overflow:hidden (2)给最后⼀个⼦元素添加⼀个空的标签,设置clear:both{不推荐} (3)伪对象.⽗元素::after,.⽗元素::before{content" ";display:table;//css的⼀种布局呈现的属性设置具备表格划分的特性//}8.前端开发由三层构成,分别是什么以及作⽤是什么?答:HTML(超⽂本标记语⾔)---------- 结构层CSS(层叠样式表)-------------------表现层:⽤来美化HTML结构,重点是css可以很好的将结构和表现进⾏分离Java script(脚本语⾔)--------------⾏为层:提供⽤户和界⾯的交互9.你对css的权重作何理解?答:默认:⾏内>内嵌>外联样式css三种样式的权重/改变优先级:!important选择元素:nth-child顺序:!important>内联>ID>类|属性选择器|伪类选择器(:active:focus)>标签|伪元素(:before:after)>通配符>继承权重规则:(1)不推荐使⽤!important       因为!important根本没有结构与上下⽂可⾔,并且很多时候权重的问题,就是因为不知道在哪⾥定义⼀个!important⽽导致的.虽然我们应该尽量避免使⽤!important,但你应该知道如何覆盖!important,加点权重就可以实现,(!important优先级最⾼,但也会被权重⾼的!important所覆盖,如id的!important覆盖class的!important)(2)⾏内样式总会覆盖外联样式表的任何样式,会被!important覆盖(3)单独使⽤⼀个选择器的时候,不能跨等级使css规则⽣效       ⽆论多少个class组成的选择器,都没有⼀个id选择器权重⾼.类似的,⽆论多少个元素组成的选择器,都没有⼀个class选择器权重⾼,⽆论多少个id组成的选择器,都没有⾏内样式权重⾼,所以权重是在双⽅处于同⼀等级的情况下,才开始对⽐.(4)如果两个权重不同的选择器作⽤在同⼀个元素上,权重值⾼的css规则⽣效       选择器可能会包含⼀个或者多个与权重相关的计算点,若经过权重值计算得到的权重值越⼤,则认为这个选择器的权重⾼.(5)如果两个相同权重的选择器作⽤在同⼀元素上,以后⾯出现的选择器为最后规则.(6)权重相同时,与元素距离近的选择器⽣效(⾏内>内嵌>外联样式)建议:(1)避免使⽤!important;(2)利⽤id增加选择器权重;(3)减少选择器的个数(避免层层嵌套);10.表单提交时:get和post提交⽅式的区别是什么?答:get⽅法信息少容易直接获取,常⽤于提交较⼩的数据,⽐如ID,账号,密码等,特点:会将⽤户数据显⽰在URL地址栏中,不安全.post⽅法信息⼤如⽂本字段时，可加密没有安全⽅⾯漏洞(安全),不会将⽤户数据显⽰在URL地址栏中.
2023年6月21日发(作者：)
web前端（HTML+CSS）试题总结⼀.填空题1.⽹页的后缀名通常为()或()的页⾯.2.请写出在⽹页中设定表格边框的厚度的属性(border),设定表格单元格之间宽度属性(cellspacing),设定表格资料与单元格线的距离属性(cellpadding).3.预定义格式化标签
的功能是(被包围在pre元素中的⽂本通常会保留空格和换⾏符,⽽⽂本也会呈现等宽字体).或(标记内的内容按照原格式显⽰在⽹页中)中的选择器基本可以分为(7)种,它们分别是(标签;id;类;⼦代;后代;组/组合;伪类).5.在页⾯中实现⽂字滚动的标记是(marquee).6.在页⾯中嵌⼊多媒体,如:电影,声⾳,等⽤到的标签是(rideo,src,source,audio,embed).7.通过属性(poster)可以设置在页⾯视频播放前的图⽚呈现.8.⽤来在视频窗⼝下附加MS-WINDOWS的AVI播放控件条的属性是(controls).3中新增的伪类有哪些(E:first-child;E:last-child;E:nth-child).10.每间隔三秒就刷新页⾯的代码:11.属性display的值有(none;inline;block;inline-block).12.表单对象的名称由(name)属性设定,提交⽅法由(method)属性指定,若要提交⼤数据量的数据,则应采⽤(post)⽅法;表单提交后的数据处理程序由(action)属性指定.⼆.简答题5中为什么要写?答:⽂档类型(是HTML5的类型)是告诉浏览器当前的⽂档按照HTML5的类型进⾏编译执⾏(低版本不能识别⾼版本的语⾔).2.⾏内元素有哪些?块元素有哪些?空元素有哪些?答:i.⾏内:a img option span var em strong textarea select inputii. 块元素:div h1~h6 ol ul li dl td dd table tr th td p br formiii.空元素:span div3.页⾯导⼊样式时,使⽤link和@import有什么区别?答:属于xhtml标签,除了加载css外,还能⽤于定义Rss,定义rel链接属性等作⽤,⽽@import是css提供的,只能⽤于加载css;ii.页⾯被加载时,link会同时被加载,⽽@import引⽤的css会等到页⾯被加载完再加载.iii.@import是css2.1提出的,只在IE5以上才能被识别,⽽link是XHTML标签,⽆兼容性问题.4.介绍⼀下css盒⼦模型?答:在css布局中,每⼀个html元素在浏览器中的解析都可以被看作⼀个盒⼦,拥有盒⼦⼀样的外形和平⾯空间,它由margin;border;padding;content四部分组成,涉及到的css属性有margin,border,padding,3中新增的伪类有哪些?答:E:first-child;E:last-child;E:-top塌陷是如何产⽣的?以及解决⽅法有哪些?答:i.产⽣:⼀个元素中含有⼀个⼦元素,给⼦元素添加margin-top时,会发现将设置的值添加给了⽗元素,导致⼦元素设置 margin-top失效.ii.解决⽅法:(1)给与元素加overflow:hidden (2)给⽗元素加border边框 (3)伪元素7.浮动元素不会撑开⽗元素的⼤⼩,那么如何解决⽗元素撑开的问题?(你有哪些⽅式)?答:(1)给⽗元素设置overflow:hidden (2)给最后⼀个⼦元素添加⼀个空的标签,设置clear:both{不推荐} (3)伪对象.⽗元素::after,.⽗元素::before{content" ";display:table;//css的⼀种布局呈现的属性设置具备表格划分的特性//}8.前端开发由三层构成,分别是什么以及作⽤是什么?答:HTML(超⽂本标记语⾔)---------- 结构层CSS(层叠样式表)-------------------表现层:⽤来美化HTML结构,重点是css可以很好的将结构和表现进⾏分离Java script(脚本语⾔)--------------⾏为层:提供⽤户和界⾯的交互9.你对css的权重作何理解?答:默认:⾏内>内嵌>外联样式css三种样式的权重/改变优先级:!important选择元素:nth-child顺序:!important>内联>ID>类|属性选择器|伪类选择器(:active:focus)>标签|伪元素(:before:after)>通配符>继承权重规则:(1)不推荐使⽤!important       因为!important根本没有结构与上下⽂可⾔,并且很多时候权重的问题,就是因为不知道在哪⾥定义⼀个!important⽽导致的.虽然我们应该尽量避免使⽤!important,但你应该知道如何覆盖!important,加点权重就可以实现,(!important优先级最⾼,但也会被权重⾼的!important所覆盖,如id的!important覆盖class的!important)(2)⾏内样式总会覆盖外联样式表的任何样式,会被!important覆盖(3)单独使⽤⼀个选择器的时候,不能跨等级使css规则⽣效       ⽆论多少个class组成的选择器,都没有⼀个id选择器权重⾼.类似的,⽆论多少个元素组成的选择器,都没有⼀个class选择器权重⾼,⽆论多少个id组成的选择器,都没有⾏内样式权重⾼,所以权重是在双⽅处于同⼀等级的情况下,才开始对⽐.(4)如果两个权重不同的选择器作⽤在同⼀个元素上,权重值⾼的css规则⽣效       选择器可能会包含⼀个或者多个与权重相关的计算点,若经过权重值计算得到的权重值越⼤,则认为这个选择器的权重⾼.(5)如果两个相同权重的选择器作⽤在同⼀元素上,以后⾯出现的选择器为最后规则.(6)权重相同时,与元素距离近的选择器⽣效(⾏内>内嵌>外联样式)建议:(1)避免使⽤!important;(2)利⽤id增加选择器权重;(3)减少选择器的个数(避免层层嵌套);10.表单提交时:get和post提交⽅式的区别是什么?答:get⽅法信息少容易直接获取,常⽤于提交较⼩的数据,⽐如ID,账号,密码等,特点:会将⽤户数据显⽰在URL地址栏中,不安全.post⽅法信息⼤如⽂本字段时，可加密没有安全⽅⾯漏洞(安全),不会将⽤户数据显⽰在URL地址栏中.