1、样式有几种引入方式？link和@import有什么区别？
三种引入方式
- 外部样式：通过link引入外部样式表，一般置于head标签中。
其中“url”是外部css的路径。 - 内部样式：即用style标签定义，一般置于head中，例如
- 内联样式；定义在元素标签内部，通过style属性设置，例如
link和@import的区别：
@import是在css样式表中引用其他css样式，置于style标签中或.css样式表中，且必须位于所有声明之前，格式：@import(“url”)link标签在html没有结束标签，在Xhtml中必须正确的闭合；无浏览器兼容问题；除了加载CSS外，还可以定义RSS等其他事务；link引用CSS时，在页面载入时同时加载；可是通过JS操作DOM控制样式。
@import只能引入一个外部CSS；@import需要页面网页完全载入以后加载；@import是在CSS2.1提出的，低版本的浏览器不支持。
2、文件路径../main.css、./main.css、main.css有什么区别？
- ../main.css是指上级目录下的main.css文件；
- ./main.css、main.css都是指当前目录下的main.css文件
3、console.log是做什么用的
console.log主要是方便调式javascript用的，可以看到在页面中输出的内容。网页错误提示。调试代码是可以直接跳转至代码处，在source下，设置断点查看运行效果。
4、text-align: justify是什么
text-align设置块级元素内文本的对齐方式，分别是：
left 左对齐
right 右对齐
center 居中
justify 两端对齐
inherit 继承父元素的text-align
5、px、em、rem分别是什么？有什么区别？如何使用
px是像素单位，可以设置固定大小；
em是相对单位，相对于父元素的大小；
rem是相对单位，相对于html根节点的大小。