CSS常见样式

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

块级元素（block-level）：######

div、h1~h6、p、form、ul、dl、ol、pre、table、li、dd、dt、tr、td、th

行内元素（inline-level）：######

em、strong、span、a、br、img、button、input、label、select、textarea、code、script

特性和区别：

块级元素可以包含块级和行内元素，行内元素只能包含文本和行内元素
块级元素占据一整行的空间，行内元素占据自身宽度空间
块级元素可以设置宽高，行内设置宽高不生效
块级元素可以设置内外边距，而行内元素设置margin paddling，上下不生效，只有左右生效

行内元素的padding-top，padding-bottom和margin-top,margin-bottom是真的是无效；不过要注意一点，对于竖直方向的内边距该行内元素的内容范围是增大了，不过只是表象，对周围元素无任何影响。

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

css继承：设置父级元素，其子级元素的样式会和父级元素一样
有继承的属性：font-size，font-family，font-weight，font-height，text-indent，text-align，letter-spacing，word-spacing，color，line-hight

无继承的属性：display，margin，padding ，background，border，text-decoration，text-shadow，white-space，overflow

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

块级元素水平居中：margin:0 auto;
行内元素水平居中：text-align:center;

用 CSS 实现一个三角形####

3.png

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

.card>h3{
    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元素的字体大小，行高，字体
加引号是因为中间有空格，不加会让浏览器误认为是两个字体
\5b8b\4f53代表宋体对应的Unicode码