前端工程师面试题汇总-4

14

<style>
.main{
color:blue
}
span{
color:green
}
</style>
<div style="color:red !important"
class=""main"">
<span>123</span>
</div>

问123的颜色是？

正确答案: C 
A. red
B. blud
C. green
D .white

解析：

首先，优先级顺序：

！important>行内样式>id选择器>类选择器>标签选择器>通配符>继承

在这道题目：

对于span有两种种影响样式的方式，

 (1)继承自父div的color

     而对于color而言，它受到类选择器和一个内联样式的影响，并且在这个内联样式中又有一个！important，最为最高级影响 (！important>内联>类选择器)，这就使得div的颜色为red,而作为其子元素的span也应该继承自父元素的color

 (2)标签选择器span

但比较这两种影响，（1）作为样式继承的优先级为0,（2）作为标签选择器的优先级为1，所以（2）的优先级以微弱优势高于（1），所以最终采用标签选择器定义的green

 

15 

关于屏幕的尺寸标准，说法错误的是
正确答案: D 
A.col-sm-* 一般用于大于768的平板
B.col-md-* 一般用于大于992的中等屏幕显示器
C.col-lg-*用于大于1200的桌面显示器
D.col-xs-*用于小于700的手机屏幕

解析：

 

16

当表单中包含文件上传控件时，需要将enctype设置为（）
正确答案: B 
A.application/x-www-form-urlencoded
B.multipart/form-data
C.text/explain
D.file-data

解析

enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。

属性值
application/x-www-form-urlencoded
在发送前编码所有字符（默认）
multipart/form-data
不对字符编码。 在使用包含文件上传控件的表单时，必须使用该值。
text/plain
空格转换为 "+" 加号，但不对特殊字符编码。

 

17.

通常我们需要获取某个信息时，都会通过几个缩写的关键字进行检索，那么，在开发中，如何使用Html5元素进行布局（ ）
正确答案: A 
A.abbr
B.search
C.key
D.bdo

解析 ：

<abbr> 标签用来表示一个缩写词或者首字母缩略词，如"WWW"或者"NATO"。

通过对缩写词语进行标记，您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。
在某些浏览器中，当您把鼠标移至带有 <abbr> 标签的缩写词/首字母缩略词上时，<abbr> 标签的 title 属性可被用来展示缩写词/首字母缩略词的完整版本。

 

18

下列HTML代码中不符合HTML5语义化规范的是：
正确答案: A 

A.

<p><b>警告！以下代码可能包含威胁！</b></p>

B.

<p><dfn><abbr title="National Basketball Association">NBA</abbr></dfn>季后赛开赛</p>

C.

<ol>
<li>第一章</li>
<li>第二章</li>
<li>第三章
<ol>
<li>第3.1节</li>
<li>第3.2节</li>
</ol>
</li>
</ol>

D.

<article>
<hgroup>
<h1>文章标题</h1>
<h2>文章副标题</h2>
</hgroup>
<div class="content">
<p>文章内容</p>
<p>文章内容</p>
</div>
</article>

 

解析：

 

19

css默认的定位类型是( )
正确答案: C 
A.relative
B.absolute
C.static
D.fixed

解析：。。。。。

 

20

关于栅格系统，哪些是正确的
正确答案: A B C D 
A. col-sm-*
B. col-xs-*
C. col-md-*
D. col-lg-*

解析 ：同15

 

21.

下列哪些属性是不可以被继承的()
正确答案: A B C
A. margin
B. position
C. float
D. font-size

解析： 

通俗来说 字体相关继承

可以被继承的属性： 字体系列：font-family，font-size，font-style，font-weight，font-stretch，font-size-adjust； 列表相关：list-style，list-style-image，list-style-position，list-style-type，list-style-color； 文本系列：text-indent，text-align，line-height，word-spaceing，letter-spacing，text-transform，direction，color； 元素可见性：visibility； 表格布局：caption-side，border-collapse，border-spacing，empty-cells，table-layout； 生成内容：quotes； 光标属性：cursor； 页面样式：page，page-break-inside，Windows，orphans； 声音样式属性：speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation。