HTML2

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

答：常用3种。

1. 链入外部样式表。先建立外部样式表文件（.css）,再使用html中的link对象。最常用的方式
   例：
2. 嵌入式(内部样式表)。将css样式直接写在
3. 行内式（内联式）。直接在html元素内书写

link和 @import有什么区别

1. 归属不同。link属于html的标签，而@imprt属于CSS的标签
• 加载顺序不同。当加载页面时，link所引用的CSS样式会同时加载，而@import引用的CSS会在页面加载完毕后加载。@import引用的方式有可能导致页面闪烁。
• 兼容性差别。@import是在CSS2.1上被提出的，所以老的浏览器不支持。@import 在IE5以上的版本才可使用。html无此问题。
• 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签，因为@import不是dom可以控制的。

http://www.programgo.com/article/81952431569/
http://www.dreamdu.com/blog/2007/05/11/css_link_import/

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

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

console.log是做什么用的

• 用来调试JavaScript，可以看到对象中的内容，并且不会弹出窗口打断操作，其信息展示在控制台中。

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

• justfy:两端对齐文本居中的效果
• center：文本居中的效果
• right：靠右对齐
• left：靠左对齐

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

• px 为像素单位
• em 为相对于上个父元素的字体大小的单位
• rem 为相对于根元素的字体大小的单位。通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。

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


1.jpg

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


QQ截图20160707114727.jpg

答：浏览器默认为16PX，而在此处HTML根元素大小为10PX，60/10=6，设置为6。

---

本教程版权归饥人谷_Nick和饥人谷所有，转载须说明来源