文档介绍：Web前端面试题目汇总
Web前端面试题目汇总
Web前端面试题目汇总
最新前端开发工程师面试题—-HTML部分
ﻫ
1、Ｄoｃtypｅ作用? 严格模式与混杂模式如何区分?它们有何意义？
ﻫ
(1)、声明位于文档中的最前面p)4。相邻选择器（h1 ＋ ｐ）
5。子选择器(uｌ 〈 ｌi）6。后代选择器(ｌi a）
7。通配符选择器（ ＊ )8。属性选择器（a［ｒel = ”extｅrｎal"］)
ﻫ
9．伪类选择器（a： hover， li： nth - chiｌｄ）
可继承的样式： font-size font－ｆamiｌy color, UL LＩ DL DＤ DT;
ﻫ
不可继承的样式:bｏrder paｄding ｍａrgin width hｅigｈt ；
Web前端面试题目汇总
Web前端面试题目汇总
Web前端面试题目汇总
优先级就近原则，同权重情况下样式定义最近者为准;
ﻫ
载入样式以最后载入的定位为准；
ﻫ
优先级为:
!important >  id > cｌａss 〉 tag     imporｔant 比内联优先级高ﻫ
ﻫ
２、CSS3新增伪类举例：
p:ｆirｓt－ｏｆ－tｙpe选择属于其父元素的首个元素的每个元素。
p：lａｓt-of—type选择属于其父元素的最后元素的每个元素.
p:oｎly－of-ｔｙpe选择属于其父元素唯一的元素的每个元素。
p：onｌy—ｃhild选择属于其父元素的唯一子元素的每个元素。
ｐ:nｔｈ－ｃｈｉld（2）  选择属于其父元素的第二个子元素的每个元素。
:eｎableｄ  :dｉsabled 控制表单控件的禁用态。
：checkｅd单选框或复选框被选中。
ﻫ
3、如何居中dｉv？如何居中一个浮动元素？
给ｄiv设置一个宽度,然后添加maｒgin:0 auｔo属性
diｖ｛    ｗidｔh:200pｘ；    ｍａrｇin：0 auto; }  ﻫ
ﻫ
居中一个浮动元素
确定容器的宽高宽５00 高 30０ 的层设置层的外边距 ．div ｛   Wiｄtｈ：500ｐx ; heighｔ:300ｐx；/／高度可以不设  Ｍargin: -150ｐx ０ ０ －２50pｘ；  ｐｏｓｉｔiｏｎ:relative；相对定位bacｋgｒoｕnd－cｏlor:pink；／/方便看效果  left：50％；  top：５０％；｝ 
列出ｄｉｓplay的值,说明他们的作用。positioｎ的值， relative和aｂsolｕtｅ定位原点是？
ﻫ
1．blocｋ 象块类型元素一样显示。  nｏｎｅ 缺省值。象行内元素类型一样显示。  inlｉne-blｏck 象行内元素一样显示，但其内容象块类型元素一样显示。  list—itｅm 象块类型元素一样显示，并添加样式列表标记。
2. aｂｓｏｌｕte 生成绝对定位的元素,相对于 ｓtatic 定位以外的第一个父元素进行定位。
fiｘed （老IE不支持）生成绝对定位的元素，相对于浏览器窗口进行定位。
ﻫ
ｒｅlatｉve 生成相对定位的元素，相对于其正常位置进行定位.
ﻫ
stａtiｃ  默认值。没有定位,元素出现在正常的流中  ＊(忽略 ｔoｐ, bｏttom， left， right z－index 声明)。
ﻫ
Web前端面试题目汇总
Web前端面试题目汇总
Web前端面试题目汇总
inherｉt 规定从父元素继承 pｏsiｔｉｏn 属性的值。
4、为什么要初始化ＣSS样式？
因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，，初始化样式会对ＳEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。最简单的初始化方法就是: ＊ ｛paｄdinｇ: 0； mａｒgin： 0;｝ （不建议）淘宝的样式初始化： bｏdy， h1， ｈ２, ｈ3, h４， ｈ５， h6， hｒ, p, bｌｏcｋquote, dl， dt, dｄ， ul， ｏl， li, pre， fｏrｍ， fieldsｅｔ， legend， ｂutton, input， textarea, th, tｄ { mａｒgin：0； paddiｎｇ:０； }ｂody, button， input， seleｃt， tｅｘtarea ｛ font：12ｐｘ/１。5tahoma， arｉａl， ／5b8ｂ/4f53; ｝h1， h2, h３, h4, ｈ5, h6｛ ｆｏnt－sizｅ：１00％； }aｄdrｅｓs, cｉtｅ， dfn，