1.样式有几种引入方式? link和 @import有什么区别：
1.引用外部样式表：<link rel="stylesheet" "type=text/css" href="css文件路径地址">
2.内部样式表：<style type="text/css"></style>
3.内联样式：<p style="font-size:12px;">这是段落</p>
link 和@import的区别：两者都是外部引用CSS的方式，但是存在一定的区别：
区别1：link是XHTML标签，除了加载CSS外，还可以定义RSS等其他事务；@import属于CSS范畴，只能加载CSS。
区别2：link引用CSS时，在页面载入时同时加载；@import需要页面网页完全载入以后加载。
区别3：link是XHTML标签，无兼容问题；@import是在CSS2.1提出的，低版本的浏览器不支持。
区别4：ink支持使用Javascript控制DOM去改变样式；而@import不支持
2.文件路径../main.css 、./main.css、main.css、/main.css有什么区别。
../main.css表示上层目录中的main.css文件。
./main.css和main.css均表示当前目录下的main.css文件。
3.onsole.log是做什么用的。
onsole.log()主要是方便调式javascript用的，因为它可以看到页面中输出的内容。相比alert而言：它能看到结构话的东西，如果是alert，弹出一个对象就是[object object],但是console能看到对象的内容。还有就是console不会打断你页面的操作，如果用alert弹出来内容，那么页面就死了，但是console输出内容后你页面还可以正常操作。
4.text-align有几个值，分别有什么作用？写截图说明区别。
text-align的值和作用是：
Paste_Image.png
区别：
Paste_Image.png
5.px、em、rem分别是什么？有什么区别？如何使用。
1.px是像素，相对长度单位。像素px是相对于显示器屏幕分辨率而言的。
2.em的值并不是固定的； em会继承父级元素的字体大小。
3.rem（root em，根em）：是CSS3新增的一个相对单位，这个单位引起了广泛关注。这个单位与em有什么区别呢？区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了IE8及更早版本外，所有浏览器均已支持rem。对于不支持它的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。
区别：对于只需要适配少部分手机设备，且分辨率对页面影响不大的，使用px即可 。对于需要适配各种移动设备，使用rem，例如只需要适配iPhone和iPad等分辨率差别比较挺大的设备。
6.对chrome 审查元素的功能做个简单的截图介绍。
Paste_Image.png
7.如下代码，设置 p为几 rem，让h1和p的字体大小相等?
Paste_Image.png
p{
font-size:6rem;
}
本教程版权归饥人谷-duoduo和饥人谷所有，转载须说明来源
网友评论