HTML基础2

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

样式主要有三种引入方式：外部样式表、内部样式表、内联样式，如下图所示：

link和@import都是在引入外部样式表时使用，但有以下几点区别：

1.link引用css时，在页面载入时同时加载，@import需要网页完全载入以后加载。

2.link是xhtml标签，无兼容问题；@import是在css2.1上提出的，低版本的浏览器不支持。

3.link是xhtml标签，除了加载css外，还可以定义rss等其他事物；而@import属于css范畴，只能加载css。

4.link支持使用js控制dom去改变样式；而@impport不支持。

一般情况下，我们建议在需要重复用到同一个样式时使用link，否则使用@import。

二.文件路径…/main.css、./main.css、main.css有什么区别

…/main.css指上一级目录里的main.css文件; ./main.css指当前目录里的main.css文件；main.css只是指main.css这个文件。

三.console.log是做什么用的

方便调试js用的，可以在页面上看到输出的内容，并且不会阻断线程的执行。

四.text-align: justify是什么

一种css样式，作用在块级元素上，对内部的行内元素生效（文本，图片，a链接等）使文本的两端都对齐,当文本比较长时，调整中间文字的间隔，使各行长度恰好相等。

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

px是像素的基本单位；em是当前元素相对于父元素的大小，如果父元素没有指定大小，便追溯至父元素的父元素的大小，以此类推；rem是当前元素相对于根元素html的大小。

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