五

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

有三种引入方式，分别是内部样式、内嵌样式和引用外部样式

import是一种应用css的方法，可以在head里面的style里面写@import来引用外部的css，也可以直接在css文件中写@import url（样式地址）。

在style里面import 在css里面import

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

前缀../main.css是去上一级目录找到main.css文件

./main.css和main.css都是在当前目录找到main.css

2、console.log是做什么用的

用于在控制台输出信息，可以调试JS代码，在编程过程中实现一些效果需要实时看一下效果是否符合预期，console.log最主要的就是可以不影响用一直弹出alert来更加高效一目了然地调试，提升效率。

3、text-align有几个值，分别有什么作用

text-align

text-align:center是文本居中显示

text-align:left是文本往左边对其

text-align:right是文本往右边对其

text-align:justify是文字有多行的时候，让文字左右两边对其

text-align:inherit规定从父元素继承text-align属性的值

代码 效果

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

px就是指像素，多少像素就是指有多少屏幕上的像素大小。

em是相对于父元素的倍数，1em就是一倍、2em就是两倍

rem是相对于根元素html的倍数，根元素大小默认是16px，1rem就是一倍大小，2rem就是两倍大小。

对于如何使用，px是固定的，如果屏幕ppi越高那么现实出来的样子也会越小，rm和rem是对比出来的元素，2em大小随着父元素大小的变化而变化，2rem随着根元素html文本大小而改变，在同一个html中同样大小的rem都是一样大的，但是同样的em就有可能是不同大小的。

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

chrome审查元素

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

因为HTML默认16PX大小，这里写HTML的font-size为62.5%所以html字体大小为10px;

已知h1是60px;

rem是指多少倍的根大小，也就是多少倍的10px大小，要等于60px；

60/10=6;

所以p设置为6rem；