HTML2

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

1.外部样式
从外部引入一个css样式表，最常用的方式。

整个网站的页面都能引用。

2.内部样式
内部样式。
只能设置单个网页的样式。

3.行内样式
在HTML元素的内部，利用style属性直接定义样式。

西门

只能设置单个html元素的样式。

4.@import
通过@import导入样式表。
html中写法：

css中的写法：
@omport url(样式表地址);

link和@import的区别：
　区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
　区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
　区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
　区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持。

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

../main.css在上一级目录下寻找main.css
./main.css与main.css在当前目录下寻找main.css
main.css和./main.css相同

三、console.log是做什么用的

是javascript中调试代码用的，意思是在控制台打印。

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

• text-align 文本对齐方式
• left 左对齐
• right 右对齐
• center 居中
• justify 两端对齐

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

• px像素（Pixel） 相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
• em 是相对长度单位，在html中是根据其父级元素为标准的。
• rem 是相对于HTML根元素的相对长度单位。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。

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

审查元素.jpg

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

Paste_Image.png

答案是6ren。html元素默认是是16px。16*0.625=10 所以html元素的大小是10px。而rem就是相对html元素的大小，如果要使h1和p的大小相等，p应该为6rem。