1.css可以绘制哪些常见的特殊形状？

答：看起来能被方形圆形组合的形状都可以做

http://www.webhek.com/post/40-css-shapes.html

2.如何理解vertical-align与line-height？

答：vertical-align支持多种属性，默认对齐是baseline基线对齐，其中百分比是相对于line-height计算的。line-height、 font-size、 vertical-align充斥着内联元素

参考https://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/

3.请解释一下CSS3的Flexbox（弹性盒布局模型）以及适用场景？

答：a、采用flex布局的元素就被称为flex容器（flex contain），它的所有子元素称为flex项目（flex item）。容器默认存在两根轴线，一根主轴（main axis）一根交叉轴（cross axis）。项目默认沿主轴排列，单个项目占据的主轴空间叫main size，占据的交叉轴空间叫cross size.

     b、任何一个容器都可以指定为Flex布局。设为 Flex 布局以后，子元素的float、clear和vertical-align属性将失效。

参考http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

4.title与h1、b与strong、i与em、img的alt与title、src与href有什么区别

a、title是网站标题，h1是文章主题

b、从视觉上效果观看b与strong、i与em是没有区别的,唯一区别是搜索引擎检索的时候搜索引擎可以识别strong、em标签、而不能识别b与i标签，少用b i .

c、alt属性是在图片不能加载时在页面显示的提示信息，直接输出在原本加载图片的地方。title属性是鼠标悬停在该图片上时显示一个小提示，鼠标离开就没有。

d、href是超文本引用，指向需要连结的地方，是引用，在 link和a 等元素上使用。 src是指向物件的来源地址，是引入。在 img、script、iframe 等元素上使用 

5.如何使用IconFont？

找到了http://www.fontawesome.com.cn/faicons/这个，可以直接引用。

6.HTML中dl、ul、ol用哪个比较好？

ul经常用来实现轮播的小按钮，下拉菜单的各种要用来排列的列表，多个a标签排列等，实用范围非常广。

而ol因为它的有序属性，用的范围就比较小了，不是一定要用有序来排列的情况下，一般都是用ul。

dl标签是定义列表，自定义列表不仅仅是一列项目，而是项目及其注释的组合。