面试题总结 （二）

全局属性 用于HTML5元素的属性

• accesskey:设置快捷键
• class:为元素设置类标识
• contenteditable:指定元素内容是否可编辑
• contextmenu:自定义鼠标右键弹出上下文菜单内容（仅firefox支持）
• data-*:为元素增加自定义属性
• dir：设置元素文本方向（默认ltr；rtl）
• draggable:设置元素是否可拖拽
• dropzone:设置元素拖放类型（copy|move|link,H5新属性，主流均不支持）
• hidden:规定元素仍未或不在相关
• id:元素id，文档内唯一
• lang:元素内容的语言
• spellcheck:是否启动拼写和语法检查
• style:行内css样式
• tabindex:设置元素可以获得焦点，通过tab导航
• title:规定元素有关的额外信息
• translate:元素和子孙节点内容是否需要本地化（均不支持）

css3新增的伪类元素

css3的选择器有哪些？哪些可以继承

选择器

• 通配符
• id
• class
• 标签
• 后代选择器
• 子选择器
• 兄弟选择器
• 属性选择器
• 伪类选择器
• 伪元素选择器

可以继承的属性

• font-size
• font-weight
• font-style
• font-family
• color

页面导入样式时，使用link和@import有什么区别？

• 1.link是HTML标签，@import是css提供的。
• 2.link引入的样式页面加载时同时加载，@import引入的样式需等页面加载完成后再加载。
• 3.link没有兼容性问题，@import不兼容ie5以下。
• 4.link可以通过js操作DOM动态引入样式表改变样式，而@import不可以。

清除浮动的方式有哪些及优缺点？

• 上面分析了问题出现的原因，不难找到第一种解决方案（既然孩子丢了，那就去找呗）——给外部盒子也添加浮动
  把外部盒子也从标准文档流中抽离，让它和孩子们见面。
  缺点：可读性差，不易于维护（别人很难理解为什么要给父元素也添上float），而且可能需要调整整个页面布局。

• 在外部盒子内最下方添上带clear属性的空盒子
  可以是div也可以是其它块级元素，把

  放在盒内底部，用最下面的空盒子清除浮动，把盒子重新撑起来。
  缺点：引入了冗余元素

• 用overflow:hidden清除浮动
  给外部盒子添上这个属性就好了，非常简单。
  缺点：有可能造成溢出元素不可见，影响展示效果。

• 用after伪元素清除浮动
  给外部盒子的after伪元素设置clear属性，再隐藏它
  这其实是对空盒子方案的改进，一种纯CSS的解决方案，不用引入冗余元素。

.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}