一、样式有几种引入方式? link 和 @import有什么区别
1.外部样式
从外部引入一个css样式表，最常用的方式。
<link rel="stylesheet" type="text/css" href="xxx.css">
整个网站的页面都能引用。
2.内部样式
内部样式<style>放在<head>元素中。
<style> div{background-color：#f00 font-size:12px} </style>。
只能设置单个网页的样式。
3.行内样式
在HTML元素的内部，利用style属性直接定义样式。
<p style="color=blue;">西门</p>
只能设置单个html元素的样式。
4.@import
通过@import导入样式表。
html中写法：
<style> @import url(样式表地址); </style>
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。
网友评论