前端面试题总结.docxVIP

1.！DＯCTYＰE标签的定义与使用方法。

DOCＴYPＥ声明是指HTML文档开头处的一行或两行代码,它描述使用哪个ＤTD(documenｔtypeｄefinitｉon）。DＯCTYPＥ通常——但不总是——包含指定的ＤTＤ文件的ＵRL。例如,ＨＴML５就不需要URL。浏览器通常不读取这些文件,而只是识别常见的DＯＣTYPＥ声明。

DOCTYPE声明当前有两种格调，严格(ｓｔrｉcｔ）和过渡（transitionａl）。如ＨＴMＬ4.０1和XHTML1.０的过渡版本依然允许使用已经废弃的元素,例如fonｔ元素。但这些语言的严格版本禁止使用废弃的元素，从而把内容和体现分隔开。

2．块级元素和行内元素都有哪些？

块级元素在浏览器显示时,通常会以新行来开始（和结束)。如h1＞，p＞,uｌ,tａblｅ＞,diｖ＞。

内联元素在显示时通常不会以新行开始。如b＞,＜td,a,ｉｍg。

3.你真的了解HTＭL吗?

４.简介你所知道的ＣSShaｃk技巧(如：_,＊，＋，＼9,！imｐｏrtant之类）。

因为不一样的浏览器，例如IｎterneｔＥｘｐloreｒ,InｔｅrneｔExplｏreｒ7,MｏziｌlaFirefoｘ等，对CSＳ的解析不一样，会导致产生的页面效果不一样，得不到我们所需要的页面效果。这时就需要针对不一样的浏览器去写不一样的CSＳ,让它能兼容不一样的浏览器,能在不一样的浏览器中也能得到我们想要的页面效果。

针对不一样的浏览器写不一样的ＣSScoｄe的过程,就叫CSＳhaｃｋ。

CSＳHacｋ大致有3种体现形式:

A．CSＳ内部hacｋ：如IE6能识别下划线”_”和星号”*”,IE７能识别星号”＊”,但不能识别下划线”＿”,而firefoｘ两个都不能识别。

Ｂ．选择器hａｃk：例如IＥ6能识别*html.clａｓs｛},ＩＥ７能识别＊＋html．claｓs｛｝或者＊．fｉｒst-cｈｉld＋hｔmｌ.ｃlaｓs｛｝。

C.HTML头部引用（ｉｆIE）hａｃｋ：针对全部IE:！—[iｆIE］＞!—您的代码--＞![endｉf］--,针对ＩE6如下版本：＜!—[ifＩTIE７]!—您的代码-－＞![eｎdif］－－，此类hack不仅对CＳS生效,对写在判断语句里面的全部代码都会生效。

例如要辨别IE6和fiｒefｏｘ两种浏览器,可以这么写:

diｖ{

bａcｋgrｏunｄ:greｅｎ；/*forfirｅｆｏx＊/

＊ｂａckgrouｎd：rｅd;/＊forIE６＊／(boｔhIE6IＥ7)

｝

上面的css在firｅfｏx中，它是结识不了背面的那个带星号的东西是什么的，于是将它过滤掉,不予理睬，解析得到的成果是：ｄiv｛baｃｋground:gｒeen｝,于是理所当然这个div的背景是绿色的。

在IE6中呢，它两个backｇround都能识别出来,它解析得到的成果是:diｖ{backgroｕnd:ｇrｅｅn;bａckgrｏｕnd:rｅd;},于是依照优先级别,处在背面的ｒed的优先级高,于是当然这个ｄiｖ的背景颜色就是红色的了。

2.简介CＳS盒模型。

HＴＭL组件中展现一片空白区域的组件都可以当成盒模型（bｏｘmｏdel），例如div…/元素、span…/、sectｉon…/＞等元素。CSS模型提供了diｓｐlay属性来控制盒模型的外观。

HTＭＬ组件的盒模型可分为两种：

blｏck类型:这种盒模型组件默认占据一行，允许经过CSS设立宽度、高度。例如ｄiv…/＞、p…/元素。

inlｉｎｅ类型：这种盒模型的组件不会占据一行(默认允许在一行放置多个组件),即使经过CSS设立宽度、高度也不会起作用。例如＜span…/、＜a…／元素。

3.CSS层叠是什么？简介一下。

在样式表中,一个元素可能有两个或更多规则。CＳＳ经过一个称为层叠(caｓcaｄe)的过程解决这些冲突。层叠給每个规则分派一个重要度。作者的样式表重要度最高，用户自定义的样式重要度次之,浏览器或用户代理使用的默认样式表重要度最低。

此外,用户可以经过将任何规则指定为!ｉmｐortanｔ来提高它的重要度。所以,层叠采取如下重要度顺序：

a．标有!important的用户样式

b．标有!ｉmportant的作者样式

c．作者样式

d.用户样式

e．浏览器/用户代理应用的样式。

然后，依照选择器的特殊性决定规则的顺序。具备更特殊选择器的规则优先于通常选择器的规则。假如两个规则的特殊性相同，那么后定义的规则优先。

4.都知道有哪些CＳS浏览器兼容性问题。

5.posiｔioｎ值都有哪些，CSS3都有哪些新内容。

pｏｓition的熟悉有:

abｓolute：允许将该对象漂浮于页面之上,根本无需考虑它周边内容的布局。

r