任务五

问答

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

三种。
1、外部样式 2、内部样式
3、内联样式 写在标签内 eg：

字节优化@import url(style.css)

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

../main.css：上级文件目录的文件
./main.css：当前文件目录的文件
main.css：当前文件目录的文件

3、console.log是做什么用的

onsole.log()是方便调式javascript用的，因为它可以看到页面中输出的内容，不打断调试。如果是alert，弹出一个对象就是[object object],不能看到对象的内容，只显示对象类型。还有就是alert会打断你页面的操作，影响到调试。

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

text-align 属性规定元素中的文本的水平对齐方式。该属性通过指定行框与哪个点对齐，从而设置块级元素内文本的水平对齐方式。它的值有：left、center、right、justify、inherit。
left 把文本排列到左边。默认值：由浏览器决定。
right 把文本排列到右边。
center 把文本排列到中间。
**justify **实现两端对齐文本效果。
**inherit **从父元素继承 text-align 属性的值。

Paste_Image.png

Paste_Image.png

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

px表示绝对大小，而em和rem表示相对单位。
px：像素值（chrome里面最小12px，小于12px没有效果）。
em：相对父元素的倍数大小，若父元素未声明，则追溯到上一级父元素。
rem：相对html根节点（默认16px）倍数大小，若根节点未声明，则使用默认值16px。

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

Paste_Image.png

Paste_Image.png

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

16px×62.5%=10px
60px÷10px=6rem