html2

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

样式有三种引入方式，分别为外部样式表，内部样式表和内联样式表

外部样式表：将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中。

链入式样式表

格式：

导入式样式表

格式：

内部样式表：也叫内嵌式样式表

格式：

HTML5可直接写成：

内部样式表css样式支队其所在的HTML页面有效，因此，仅设计一个页面时可以使用内嵌式。

内联样式表：也称为行内式，通过标记的style属性来设置元素的样式

格式：<标记名 style = "属性：属性值；属性....">内容

行内式css样式是通过标记的属性来控制样式的，没有做到结构与表现分离。

三种样式表总结

内联样式表：只控制某个标签

内部样式表：可控制整个页面

外部样式表：可以控制整个站点

link 和@import 区别：

1.link是html文件，可以链入一个css文件；@import url是从css文件导入到另一个css文件中，是css文件；

2.@import url（）机制是不同于link的，link是在加载页面前把css加载完毕，而@import url（）则是读取完文件后在加载，如果网速较慢的话，会出现一开始没有css样式，闪烁一下出现样式后的页

总结：当样式少，且当前页面独有，为减少网络请求，多用此种。拥有大量共有样式，则多选择写在外部的link.

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

../main.css指的上级目录里面的的main.css文件

./main.css指的是当前目录下的main.css文件

main.css指的是当前目录下的main.css文件

/main.css指的是当前目录下的main.css文件

3.console.log是做什么用的

把信息展示在控制台上，供开发调试用

JS中用console.log替换alert可以防止alert阻断线程运行

4.text-align有几个值，分别有什么作用？写截图说明区别

text-align:水平对齐方式，用于水平对齐，相当于html的align对齐属性

text-align可能的值

left:左对齐（默认值）

right:右对齐

center:居中对齐

justify：实现两端文本对齐

inherit：规定应该从父元素继承 text-align 属性的值。

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

px:(Pixel)像素，相对长度单位，相对于屏幕分辨率而言的，值是固定的，所有浏览器未经调整的默认字体大小都是16px;

em:(emphasize):相对长度单位，相对于父元素。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

rem:是CSS3新增的一个相对长度单位，相对于根节点长度设置

6.设置p为几 rem，让h1和p的字体大小相等

当html{font-size:62.5%},此时p的值为16px *62.5% = 10px

h1的字体大小为60px,则60px÷10px = 6em