HTML2

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

• 样式有三种引入方式
  1. 外部样式表
  <link rel="stylesheet" type="text/css" herf="index.css">
  2. 内部样式表（位于标签内部）
  <style　type="text/css"> p{color:red;} </style>
  3. 内联样式(在HTML元素内部)
  
  
• link和@import的区别

1. 归属差别，link属于XHTML标签，而@import是CSS提供的一种方式。link标签除了可以加载css文件以外，还可以做其他的一些事情，比如声明页面链接属性，声明目录等。而@import只能用来加载CSS。
2. 加载顺序不同，当一个页面开始被加载时，link引用的CSS会同时被加载。而@import引用的CSS会在页面被全部加载完成之后在加载。
3. 兼容性的不同，@import是在CSS2.1的时候提出，所以老的浏览器不支持，只有在IE5以上才能识别，而link标签没有这个问题。
4. 使用DOM控制样式时候的差别，当使用JavaScript控制DOM去改变样式时，只能使用link标签。
5. @import可以在CSS样式表中引入其他的样式。

文件路径

• ../main.css 表示上一级文件夹下的main.css
• ./css/main.css 表示当前文件夹中的css文件夹中的main.css
• main.css和./main.css 表示当前文件夹的mian.css

console.log 作用

• console.log主要是用于调试代码，他会将调试信息输出到console控制tail上，并且不会影响网页的正常解析和显示。

text-align有几个值，有什么作用？

• left 左对齐
• right 右对齐
• center 居中
• justity 两侧对齐
  具体可以参考MDN-Web技术文档-CSS-text-align

px,em,rem分别是什么？有什么区别？如何使用？

• px:像素
• em:相对于父容器
• rem:相对于HTML根节点
  浏览器默认1em=16px。

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

5741c02dd022ed1e0c000003.png