问答

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

三种。
1、外部样式<link rel="stylesheet" type="text/css" href="×××.css"
2、内部样式<style type="text/css">×××</style>
3、内联样式写在标签内 eg：<p style="×××></p>
link和@import区别：
1.link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事物；@import属于CSS范畴，只能加载CSS。
2.link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
3.link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
4.link支持使用Javascript控制DOM去改变样式；@import不支持。
5.tip：@import最优写法兼容最多@import url(style.css) 和@import url("style.css")字节优化@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

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

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

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