回顾CSS

一、什么是 CSS 继承? 哪些属性能继承，哪些不能？
CSS继承:
1.优先级从高到低依次为：网页开发者定义的样式、网页阅读者定义的样式、浏览器的默认样式
2.对继承的元素来说，子元素自身的样式优先级高于从父级继承来的样式
3.当元素的一个 继承属性没有指定值时，则取父元素的同属性的 计算值,只有文档根元素取该属性的概述中给定的初始值（这里的意思应该是在该属性本身的定义中的默认值）。
当元素的一个 非继承属性 没有指定值时，则取属性的初始值该值在该属性的概述里被指定。

CSS哪些属性能继承:
所有元素可继承：visibility和cursor。
内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction。
块状元素可继承：text-indent和text-align。
列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。
表格元素可继承：border-collapse。

CSS哪些属性不能继承:
不可继承的：display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。

二、如何让块级元素水平居中？如何让行内元素水平居中?
块级元素居中：margin:0 auto;
行内元素居中：text-align:center;

三、用 CSS 实现一个三角形
http://js.jirengu.com/rivozetewe/2/edit

四、单行文本溢出加 ...如何实现?
http://js.jirengu.com/silevajoli/1/edit

五、px, em, rem 有什么区别
px像素（Pixel）,相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
PX特点
1、IE无法调整那些使用px作为单位的字体大小；
2、国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；

EM
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。
EM特点
em的值并不是固定的；
em会继承父级元素的字体大小。

REM
rem是CSS3新增的一个相对单位（root em，根em），这个单位引起了广泛关注。这个单位与em有什么区别呢？区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了IE8及更早版本外，所有浏览器均已支持rem。对于不支持它的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。
px 与 rem 的选择？
对于只需要适配少部分手机设备，且分辨率对页面影响不大的，使用px即可 。
对于需要适配各种移动设备，使用rem，例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。

六、解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?
body{ font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;}
解释:
body里元素字体大小设置为12px, line-height行高为之前1.5的倍,字体样式为tahoma,系统里要是没装这种字体就采用arial样式,没有找到就往后推,直到找到为止,都没有找到,就用系统默认样式sans-serif.
加引号:因为单词间有空格,不加会误认为是多个单词,误认为多个样式.其实就这代表一种样式.
'\5b8b\4f53' :汉字宋体的unicode编码

代码
七、实现如下三角形
http://js.jirengu.com/yuwogufigi/1/edit
http://js.jirengu.com/xexecowamu/1/edit
http://js.jirengu.com/gemotiwaqe/1/edit
http://js.jirengu.com/giqucemuqi/1/edit
http://js.jirengu.com/nebafifeka/1/edit
http://js.jirengu.com/henetehewu/1/edit
http://js.jirengu.com/mobuwuyoli/1/edit

23303ae31546a47d8a07339cb738bab308e112e4_1_690x482.png