块级元素和行内元素分别有哪些？动手测试并列出四条以上的特性区别。

块级元素：
div；h；p；hr；form；ul；ol；dl；pre；table；li；dt；dd；tr；td；th；

行内元素：
em；strong；span；a；br；img；button；input；label；select；textarea；code；script；

每个元素有一个display属性，值为“block”的就是块级元素，值为“inline”的就是行内元素。

块级元素可以包含块级元素和行内元素，而行内元素只能包含文字和行内元素。

块级元素占据一整行空间，而行内元素只占据自身宽度空间。

块级元素可设置宽高，而行内元素无效。

如图：

8.png

什么是CSS继承？那些属性能继承，哪些不能？

css继承，特定的css属性会向下传递给子元素。

能继承的，例如：
文本属性，font-size,font-family,font-weight,line-height;
列表属性，list-style-image,list-style-position,list-style-type,list-style;
color属性

不能继承的，例如：
文本属性,vertical-align,text-decoration,text-shadow,white-space,unicode-bidi；
背景属性，background,background-color;
盒模型属性，width,height,margin,border,padding;

如何让块级元素水平居中？如何让行内元素水平居中?

使用“margin: 0 outo;”可以使块级元素水平居中
对行内元素所在的父级块元素使用“text-align: center;”，可使行内元素居中

用 CSS 实现一个三角形

使用 {
height: 0;
width: 0;
border-top: 20px solid transparent;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-bottom: 20px solid blue;
}可以实现向上的三角形。

单行文本溢出加 ...如何实现?

使用 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
可以实现。

px, em, rem 有什么区别？

px，固定单位
em，相对单位，相对于父元素的字体大小
rem，相对单位，相对于根元素的字体大小

解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?

body{
  font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}

给body元素中的字体设置，字体大小12px，行高为字体的1.5倍高度，字体选择可以有tahoma,arial,Hiragino Sans GB,\5b8b\4f53,sans-serif,从左到右优先选择。

加引号是因为这个字体名字中间有空格，加空格表示一个整体。

\5b8b\4f53代表宋体。

代码题

实现1

实现2

实现3

实现4

实现5