task5

1.样式有几种引入方式? link和 @import有什么区别?

• 外部样式
  <link rel="stylesheet" href="/index.css">

• 内部样式
  <style>
  p
  {
  color:yellow;
  }
  p
  </style>

• 内联样式
  <p style="color:red;">这是task5</p>

  区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
  
  区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
  
  区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
  
  区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。
  

2.文件路径../main.css 、./main.css、main.css、/main.css有什么区别?

• ../main.css表示文件在当前目录的上一级
• ./main.css、main.css表示文件在当前目录
• /main.css表示根目录文件

3.console.log是做什么用的？

用于开发调试的

4.text-align有几个值，分别有什么作用？写截图说明区别

text-align的几种方式代码.png

text-align的几种样式.png

5.px、em、rem分别是什么？有什么区别？如何使用？

• px 像素，绝对单位
• em 相对于父级，相对单位
• rem 相对于根节点，相对单位

6.对chrome 审查元素的功能做个简单的截图介绍

审查元素.png

7.如下代码，设置 p为几 rem，让h1和p的字体大小相等?
6