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即表示宋体。