入门任务8

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

• 块级元素 div h1 h2 h3 h4 h5 h6 p hr
  form ul dl ol pre table li dd dt tr td th
• 行内元素 em strong span a br img
  button iput label select textarea
  code script
  特性区别
• 块级可以包含块级和行内，行内只能包含文本和行内
• 行内元素设置上下外边距会失效，设置上下内边距有效但不占高度
• 块级元素可以设置width和height属性，行内元素不能设置宽高
• 块级元素宽度默认占整行，而行内元素宽度自适应大小

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

• css继承是指特定的CSS属性向下传递到子孙元素；
  能否继承请点击

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

• 块状元素居中：

.box {
  /* margin: 0 auto; 实际上是下面两个起作用 */
  margin-left: auto;
  margin-right: auto;
}

• 行内元素居中：

.box{
    text-align: center;
  }

4.用 CSS 实现一个三角形

.a{
  width:0;
  height:0;
  border-top: 30px solid transparent ;
  border-right: 30px solid transparent ;
  border-left: 30px solid transparent;
  border-bottom: 30px solid red ;
  }

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

.card > h3{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

6.px, em, rem 有什么区别

• px： 固定单位
• em: 相对单位，相对于父元素字体大小
• rem: 相对单位，相对于根元素(html)字体大小

7.解释下面代码的作用?为什么要加引号? 字体里\5b8b\4f53代表什么?

body{
  font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;
}

• 字体大小为12px,
• 行高为1.5倍字体大小，
• 字体，可在tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif 这些字体中依次选择，如果这些字体都不存在，则会选择浏览器默认字体
  当有空格或者Unicode码时，需要加引号 ；\5b8b\4f53代表宋体

8.代码

1.代码一
2.代码二
3.代码三
4.代码四
5.代码五