HTML+CSS（二）
一、HTTP 与 HTTPS 的区别
http不需要证书；https协议需要到ca申请证书，一般免费证书较少，因而需要一定费用。
http信息是明文传输；https协议是由SSL+http协议构建的可进行加密传输、身份认证的网络协议，可以防止传输内容被窃取篡改，比http协议安全。
http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。
二、CSS Sprite是什么，谈谈这个技术的优缺点？
CSS sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到 中去，减少对服务器的请求次数，提高访问速度。
1、优点：
（1）减少了网页的http请求，从而大大的提高了页面的性能。
（2）解决了网页设计师在图片命名上的困扰，只需对一张集合的图片上命名就可以了，不需要对每一个小元素命名，从而提高了网页的制作效率。
（3）换风格方便，只需要在一张或少张图片上修改图片的颜色或样式，整个网页的风格就可以改变。维护起来也很方便。
2、缺点：
（1）在图片合并的时候，你要把多张图片有序的合理的合并成一张图片，还要留好足够的空间，防止板块内显示不必要的背景。在宽屏，高分辨率的屏幕下的自适应页面，图片如果不够宽，很容易将背景断裂。
（2）CSS Sprites在开发的时候比较麻烦，要通过photoshop或其他工具测量计算每一个背景单元的精确位，很繁琐。
（3）CSS Sprites在维护的时候比较麻烦，如果页面背景有少许改动，一般就要改这张合并的图片，无需改的最好不要动，这样避免改动更多的css，如果在原来的地方放不下，又只能（最好）往下加图片，这样图片的字加了，还要改动css。
三、行内、行内块、块级元素，空（void）元素有哪些？CSS的盒模型？
行内元素有：a b span i em img input select strong ins u
块级元素有：div ul ol li dl dt dd h1~h6 p
行内块元素：img input td
空（void）元素：br hr link
盒模型：margin border padding content
四、前端页面有哪三层构成，分别是什么？作用是什么？
网页分成三个层次，即：结构层、表示层、行为层。
1、结构层（structurallayer）由HTML 或XHTML 之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义："这是一个文本段。"
2、表示层（presentationlayer）由CSS 负责创建。CSS对"如何显示有关内容"的问题做出了回答。
3、行为层（behaviorlayer）负责回答"内容应该如何对事件做出反应"这一问题。这是Javascript 语言和DOM 主宰的领域。
五、html 标签有何区别？如何转换？
1）行内标签不能设置宽高，仅可设置行高，不能容纳块级元素，只能容纳其他行内元素和文本，设置 margin 和 padding 上下值无效、左右值有效，行内元素一条水平线内排列，在同一行。
块级标签独占一行，可以设置宽高，可以容纳块级元素、行内元素及其他内联元素等，可以设置 margin 和 padding，块级元素独占一行垂直向下排列。
行内块级标签综合了行内标签和块级标签的特性，在一行上排列，可以设置宽高和内外边距。
2）这三类标签可以相互转换，通过修改 display 的属性值。
display:inline; 设置为行内元素 display:block; 设置为块级元素 display:inline-block; 设置为行内块级标签
六、常见的浏览器内核
Trident内核（IE内核）：IE、百度
Gecko内核（Firefox内核）：火狐
Presto内核：Opera7及以上。
Webkit内核：Safari、Chrome（现在是Blink内核）。
浏览器内核又可以分成两部分：渲染引擎和JS引擎。渲染引擎主要负责取得网页的内容、整理讯息、计算网页的显示方式等，JS引擎则是解析 JavaScript语言，执行JavaScript语言来实现网页的动态效果。
七、HTML5有哪些新特性
1. 语义化标签：
header定义文档头部、nav定义导航链接、section定义文档中的节，段落、article定义页面独立内容区域、aside定义页面的侧边栏内容、details定义文档某部分细节、dialog定义对话框，提示框，等等。
2. 音频、视频标签：audio、vedio
3. 增强input表单的类型和属性：
1) 新增类型：
2) 新增属性：
4. Canvas绘图
5. SVG绘图
6. 地理定位： Geolocation
7. 拖放API: drag
8. Web Worker: 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。
9. Web Storage：HTML5开始提供的一种在当个TCP连接上进行全双工通讯的协议。
