CSS内联样式的使用，【项目实战】

学习路线

HTML基础
HTML是页面中内容的载体，可以展示开发者想要用户浏览的任何文字、图片、音频信息。对于HTML的各类标签，不仅要掌握日常开发中经常碰到的，也要慢慢积累那些不常用标签，块级、行内元素的定义以及二者相互转换几乎是每场技术一面常考问题。

• 浏览器页面有哪三层构成，分别是什么，作用是什么?
• HTML5的优点与缺点？
• Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
• HTML5有哪些新特性、移除了哪些元素？
• 你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?
• 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？
• 说说你对HTML5认识?（是什么,为什么）
• 对WEB标准以及W3C的理解与认识?
• HTML5行内元素有哪些,块级元素有哪些, 空元素有哪些?
• 什么是WebGL,它有什么优点?
• 请你描述一下 cookies，sessionStorage 和 localStorage 的区别?
• 说说你对HTML语义化的理解?
• link和@import的区别?
• 说说你对SVG理解?
• HTML全局属性(global attribute)有哪些?
• 说说超链接target属性的取值和作用？
• data-属性的作用是什么？
• 介绍一下你对浏览器内核的理解？
• 常见的浏览器内核有哪些？
• iframe有那些缺点？
• Label的作用是什么，是怎么用的？
• 如何实现浏览器内多个标签页之间的通信?
• 如何在页面上实现一个圆形的可点击区域？
• title与h3的区别、b与strong的区别、i与em的区别？
• 实现不使用 border 画出1px高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果？

CSS基础
在校招准备时，掌握CSS各类常用的属性是必要的，其中浮动、清除浮动以及定位更是必考点。CSS盒模型，CSS各类选择器也是面试官常考问题，各个选择器优先级顺序、多个选择器组合时优先级比重的计算都是必须要掌握的。

• 解释一下CSS的盒子模型？
• 请你说说CSS选择器的类型有哪些，并举几个例子说明其用法？
• 请你说说CSS有什么特殊性?（优先级、计算特殊值）
• 要动态改变层中内容可以使用的方法？
• 常见浏览器兼容性问题与解决方案？
• 列出display的值并说明他们的作用？
• 如何居中div, 如何居中一个浮动元素?
• CSS中 link 和@import 的区别是？
• 请列举几种清除浮动的方法(至少两种)?
• block，inline和inlinke-block细节对比？
• 什么叫优雅降级和渐进增强？
• 说说浮动元素会引起的问题和你的解决办法
• 你有哪些性能优化的方法？
• 为什么要初始化CSS样式？
• 解释下浮动和它的工作原理？清除浮动的技巧？
• CSS样式表根据所在网页的位置，可分为哪几种样式表？
• 谈谈你对CSS中刻度的认识？
• 请你说说em与rem的区别？
• 请你说说box-sizing属性的的用法？
• 浏览器标准模式和怪异模式之间的区别是什么？
• 怪异Quirks模式是什么，它和标准Standar