1.块级元素和行内元素分别有哪些？动手测试并列出4条以上的特性区别
区别1：块级元素单独占据一行，而行内元素只包含它本身的长度，多个行内元素可以并排排列。
区别2：块级元素可以包含块级元素和行内元素，而行内元素只能包含行内元素和文本。
区别3：块级元素可以设置宽高，行内元素不能设置宽高。
区别4：块级元素可以设置margin和padding，行内元素设置上、下的margin和padding是不生效的。
2.什么是 CSS 继承? 哪些属性能继承，哪些不能？
- CSS继承是指对父级元素css的设置，对其子元素依然生效。
- 能继承的属性：字体，颜色等
- 不能继承的属性：边框，内外边距等
3.如何让块级元素水平居中？如何让行内元素水平居中?
- 如何让块级元素水平居中？
在不设置浮动定位的情况下，利用margin来设置。使左右边距设为auto。margin: 0 auto - 如何让行内元素水平居中?
用块级元素将行内元素包裹，然后设置text-align: center
4.用 CSS 实现一个三角形。
Paste_Image.png
5.单行文本溢出加 ...如何实现?
对该元素添加 ：
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
6.px, em, rem 有什么区别?
- px是默认的固定大小单位。
- em是相对于父级元素字体大小的单位。
- rem是相对于根元素html字体大小的单位。
7.解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?
Paste_Image.png
- 解释下面代码的作用?
这是给body设置字体的大小，行高，字体的种类。 - 为什么要加引号?
加引号是因为这个字体有两个单词，不加引号就会被解读成两个字体。 - 字体里\5b8b\4f53代表什么?
\5b8b\4f53是unicode码，其中\5b8b代表的是“宋”，\4f53代表的是“体”。\5b8b\4f53即表示宋体。
