文档介绍：精选优质文档-----倾情为你奉上
精选优质文档-----倾情为你奉上
专心---专注---专业
专心---专注---专业
精选优质文档-----倾情为你奉上
专心---专注---专业
最新前端开发工程师面试题——HTML部分
localStorage 的区别？
cookie在浏览器和服务器间来回传递。 sessionStorage和localStorage不会sessionStorage和localStorage的存储空间更大；sessionStorage和localStorage有更多丰富易用的接口；sessionStorage和localStorage各自独立的存储空间；
精选优质文档-----倾情为你奉上
精选优质文档-----倾情为你奉上
专心---专注---专业
专心---专注---专业
精选优质文档-----倾情为你奉上
专心---专注---专业
最新前端开发工程师面试题——CSS部分
1、CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？
（ # myid）     （.myclassname）    
（div, h1, p）   （h1 + p）    
（ul < li）       （li a）    
（ * ）     （a[rel = "external"]）    
（a: hover, li: nth - child）
可继承的样式： font-size font-family color, UL LI DL DD DT;
不可继承的样式：border padding margin width height ;
优先级就近原则，同权重情况下样式定义最近者为准;
载入样式以最后载入的定位为准;
优先级为:
!important >  id > class > tag     important 比 内联优先级高
2、CSS3新增伪类举例：
p:first-of-type 选择属于其父元素的首个元素的每个元素。
精选优质文档-----倾情为你奉上
精选优质文档-----倾情为你奉上
专心---专注---专业
专心---专注---专业
精选优质文档-----倾情为你奉上
专心---专注---专业
p:last-of-type  选择属于其父元素的最后元素的每个元素。
p:only-of-type  选择属于其父元素唯一的元素的每个元素。
p:only-child    选择属于其父元素的唯一子元素的每个元素。
p:nth-child(2)  选择属于其父元素的第二个子元素的每个元素。
:enabled  :disabled 控制表单控件的禁用态。
:checked单选框或复选框被选中。
3、如何居中div？如何居中一个浮动元素？
给div设置一个宽度，然后添加margin:0 auto属性
div{    width:200px;    margin:0 auto; }  
居中一个浮动元素
确定容器的宽高 宽500 高 300 的层  设置层的外边距 .div {   Width:500px ; height:300px;//高度可以不设  Margin: -150px 0 0 -250px;  position:relative;相对定位  background-color:pink;//方便看效果  left:50%;  top:50%;} 
列出display的值，说明他们的作用。position的值， relative和absolute定位原点是？
象块类型元素一样显示。  none 缺省值。象行内元素类型一样显示。  inline-block 象行内元素一样显示，但其内容象块类型元素一样显示。  list-item 象块类型元素一样显示，并添加样式列表标记。  
2. absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
精选优质文档-----倾情为你奉上
精选优质文档-----倾情为你奉上
专心---专注---专业
专心---专注---专业
精选优质文档-----倾情为你奉上
专心---专注--