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

css可以实现圆形，三角形，椭圆形，平行四边形等图形，CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面格式，可将页面的内容与表现形式分离。CSS最早是1996年由W3C审核通过并推荐使用的，CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。

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

line-height行高是指文本行基线之间的距离。行高line-height实际上只影响行内元素和其他行内内容，而不会直接影响块级元素，也可以为一个块级元素设置line-height，但这个值只是应用到块级元素的内联内容时才会有影响。在应用到块级元素时，line-height定义了元素文本基线之间的最小距离，即最小行高

vertical-align这个是设置元素的垂直排列的.用来定义行内元素的基线相对于该元素所在行的基线的垂直对齐

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

弹性布局（flexible box）模块（目前是w3c候选的推荐）旨在提供一个更加有效的方式来布置，对齐和分布在容器之间的各项内容，即使它们的大小是未知或者动态变化的。·

弹性布局的主要思想是让容器有能力来改变项目的宽度和高度，以填满可用空间（主要是为了容纳所有类型的显示设备和屏幕尺寸）的能力。

最重要的是弹性盒子布局与方向无关，相对于常规的布局（块是垂直和内联水平为基础），很显然，这些工作以及网页设计缺乏灵活性，无法支持大型和复杂的应用程序（特别当它涉及到改变方向，缩放、拉伸和收缩等）。

• box：将对象作为弹性伸缩盒显示。
• inline-box：将对象作为内联块级弹性伸缩盒显示。
• flexbox：将对象作为弹性伸缩盒显示。
• inline-flexbox：将对象作为内联块级弹性伸缩盒显示。
• flex：将对象作为弹性伸缩盒显示。
• inline-flex：将对象作为内联块级弹性伸缩盒显示。
• 
  

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

title与h1的区别: 
定义：title是网站标题，h1是文章主题

作用：title概括网站信息，可以直接告诉搜索引擎和用户这个网站是关于什么主题和内容的，是显示在网页Tab栏里的；h1突出文章主题，面对用户，更突出其视觉效果，指向页面主体信息，是显示在网页中的

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

img中的alt与title属性区别: 
alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息，它会直接输出在原本加载图片的地方

title属性是在你鼠标悬停在该图片上时显示一个小提示，鼠标离开就没有了，有点类似jQuery的hover

src与href的区别: 
href，.是超文本引用，指向需要连结的地方，是与该页面有关联的，是引用。在 link和a 等元素上使用。 
src是指向物件的来源地址，是引入。在 img、script、iframe 等元素上使用 

5.如何使用IconFont？

第一步：使用font-face声明字体

第二步：定义使用iconfont的样式

第三步：挑选相应图标并获取字体编码，应用于页面

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

ol标签：有序列表，书写格式为：

<ol>

    <li>1</li>

    <li>2</li>

    <li>3</li>

</ol>

ul标签：无序列表，书写格式为：

<ul>

    <li>1</li>

    <li>2</li>

    <li>3</li>

</ul>

dl标签：无序列表，书写格式为：

<dl>

    <dt>列表标题</dt>

    <dd>1</dd>

    <dd>2</dd>

    <dd>3</dd>

</dl>

ol比较好。