任务8

1.块级元素和行内元素分别有哪些？动手测试并列出4条以上的特性区别
块级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table
行内元素：span, strong, em, br, img , input, label, select, textarea, cite,
区别
行内元素会在一条直线上排列，都是同一行的，水平方向排列。块级元素各占据一行，垂直方向排列。
块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。
行内元素与块级元素属性的不同，主要是盒模型属性上。行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。
2.什么是 CSS 继承? 哪些属性能继承，哪些不能？
比如font-family和color可以继承。原因是可以对元素先设置一个大的范围的字体，再去改写单独元素的字体样式。
margin,padding,border,background-image等不能被继承。因为这些样式如果可以被继承，并不会带来便利，反而会为开发带来麻烦。
因此可以通过常识来判断一个样式是否能被继承。
3.如何让块级元素水平居中？如何让行内元素水平居中?
块级元素水平居中：

margin:0 auto;

行内元素水平居中：

text-align:center;

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

white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;

6.px, em, rem 有什么区别?
px属于绝对长度，主要取决于设备的分辨率；
em和rem属于相对长度，em是相对于当前元素的font-size，rem是相对于根元素的font-size。

设置body的字体，字号，行距
因为一个字体中间有空格，如果不加空格，会被解析为多个字体
代表字体的unicode