一、块级元素和行内元素分别有哪些？动手测试并列出4条以上的特性区别
块级元素：div, p, h1, h2, h3, h4, ul, li；
行内元素：em, a, img, span, button, label, select
区别：
- 块级元素单独占据一行，行内元素可以让其他元素在它的左右。
- 块级元素能设置宽高，而行内元素设置无效。
- 对于
margin和padding属性，块级元素会产生上下左右的内外边距效果。行内元素左右会产生边距效果，上下不会产生。 - 块级元素可以包含行内元素，而行内元素内一般不会包含块级元素。
二、什么是 CSS 继承? 哪些属性能继承，哪些不能？
每个 CSS 属性定义的概述都指出了这个属性是默认继承的还是默认不继承的。当元素的一个继承属性 （inherited property ）没有指定值时，则取父元素的同属性的计算值。
- 可继承：
color, font, font-family, text-decoration, visibility, cursor等 - 不可继承：
margin, padding, width, height, display, background等
三、如何让块级元素水平居中？如何让行内元素水平居中?
- 块级元素水平居中：
margin-left和margin-right的值设为auto，margin:0 auto; - 行内元素：
text-align: center;
四、用 CSS 实现一个三角形
.arrow-up {
width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 30px solid transparent;
border-bottom: 30px solid green;
}
ychenxi.github.io/Blog/triang…
五、单行文本溢出加 ...如何实现?
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'是unicode编码后的'宋体'。
* 代码
- css border: ychenxi.github.io/Blog/cssBor…
- css buttons: ychenxi.github.io/Blog/cssBut…
- css table: ychenxi.github.io/Blog/cssTab…
- css triangle: ychenxi.github.io/Blog/triang…
- css cards: ychenxi.github.io/Blog/cssCar…
