1块级元素和行内元素分别有哪些？动手测试并列出4条以上的特性区别
块级元素：div p hr table form h1 h2 h3 h4 h5 h6 ul dl ol dt dd tr td th pre
行内元素：a span em strong br img button input label select textarea code script
块级元素 VS 行内元素
区别1：块级元素宽度占据整行，行内元素占据自身宽度的空间，能多个并列排序，直到一行排列不下，换下一行。
区别2：块级元素可以包含块级元素和行内元素；行内元素内只能包含行内元素和文本
区别3：块级元素可以设置宽高；行内元素则不能设置宽高
区别4：块级元素可以设置上下左右的margin、padding 边距；行内元素只对左右方向的margin、padding生效，上下无效
区别5：块级元素，默认为display: block；行内元素表示为display:inline.
什么是 CSS 继承? 哪些属性能继承，哪些不能？
css继承是子元素没有指定值的情况下继承父元素的属性,父元素的属性与子元素保持一致。
可以继承的属性：
font-size font-family font-weight line-height text-align color
不可以继承的属性：
margin
border
width
height
padding
display
如何让块级元素水平居中？如何让行内元素水平居中?
块级元素 margin:0 auto;
行内元素 为父级标签加上text-align:center;
将行内元素转为块级元素，display:block ，然后再margin;0 auto;
用 CSS 实现一个三角形
.box块元素的宽高设置为0px;设置好四个（上 下 左 右）的宽度等样式，将其中的三个样式设置为transform 透明，一个设置其背景颜色。
.box{
width: 0;
height: 0px;
border-top: 1px solid red;
border-right: 1px solid transform;
border-bottom: 1px solid transform;
border-left: 1px solid transform;
}
单行文本溢出加 ...如何实现?
文本不折行 white-space: nowrap;
溢出部分隐藏 overflow: hidden;
加... text-overflow: ellipsis;
px, em, rem 有什么区别
px 是固定长度单位，像素,不是相对单位
em 是相对长度单位，相对于父元素字体大小，若父元素未设置，则相对于浏览器默认字体大小16px
rem 也是相对长度单位，相对于根元素字体大小
解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?
body{
font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}
body里的所有子元素设置字体大小为12px;行高为字体大小的1.5倍，后面的都是字体，查看浏览器和系统有没有此字体，若没有则选择下一个字体进行查找。
如果这些字体都没有，使用浏览器默认字体。
'Hiragino Sans GB'加引号是表示是一个整体，是一个字体。有些字体是由好几个但系组成的，便于告诉浏览器这些单词是一个字体表示。
字体里\5b8b\4f53是unicode码，代表字体转化相对应的Unicode码
代码
1 https://jsbin.com/bumezixito/edit?html,css,output
2 https://jsbin.com/jefuzesana/edit?html,css
3 https://jsbin.com/wakaquriru/edit?html,css,output
4 https://jsbin.com/kewebezeru/edit?html,css,output
5 https://jsbin.com/sivejipepi/edit?html,css
