问答

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

link是引入外部样式表
@import是引入内部样式表，但是因为更加要求网络资源不推荐使用

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

../main.css 上级目录
./main.css 当前目录
main.css 同级目录
/main.css 根目录

3.console.log是做什么用的

javascript调式

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

left 把文本排列到左边
right 把文本排列到右边
center 把文本排列到中间
justify 实现两端对齐文本效果

2016-08-07-092634_1042x460_scrot.png

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

px是绝对单位
em是相对父级的相对单位
rem是相对html的相对单位

px是固定的，em是相对的不固定的，rem只相对html，有效避免依赖带来的灾难

推荐使用rem

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

chrome.png

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

 <h1>饥人谷</h1>
 <p>饥人谷</p>
 <style>
 html{
 font-size: 62.5%;
 }
 p{
 font-size: 6rem;
 }
 h1{
 font-size: 60px;
 } 
</style>

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