1、样式有几种引入方式?link和@import有什么区别
有三种引入方式,分别是内部样式、内嵌样式和引用外部样式
import是一种应用css的方法,可以在head里面的style里面写@import来引用外部的css,也可以直接在css文件中写@import url(样式地址)。
2、文件路径../main.css、./main.css、main.css有什么区别
前缀../main.css是去上一级目录找到main.css文件
./main.css和main.css都是在当前目录找到main.css
2、console.log是做什么用的
用于在控制台输出信息,可以调试JS代码,在编程过程中实现一些效果需要实时看一下效果是否符合预期,console.log最主要的就是可以不影响用一直弹出alert来更加高效一目了然地调试,提升效率。
3、text-align有几个值,分别有什么作用
text-align:center是文本居中显示
text-align:left是文本往左边对其
text-align:right是文本往右边对其
text-align:justify是文字有多行的时候,让文字左右两边对其
text-align:inherit规定从父元素继承text-align属性的值
4、px、em、rem分别是什么?有什么区别?如何使用
px就是指像素,多少像素就是指有多少屏幕上的像素大小。
em是相对于父元素的倍数,1em就是一倍、2em就是两倍
rem是相对于根元素html的倍数,根元素大小默认是16px,1rem就是一倍大小,2rem就是两倍大小。
对于如何使用,px是固定的,如果屏幕ppi越高那么现实出来的样子也会越小,rm和rem是对比出来的元素,2em大小随着父元素大小的变化而变化,2rem随着根元素html文本大小而改变,在同一个html中同样大小的rem都是一样大的,但是同样的em就有可能是不同大小的。
5、对chrome 审查元素的功能做个简单的截图介绍
6、如下代码,设置p为几 rem,让h1和p的字体大小相等?
因为HTML默认16PX大小,这里写HTML的font-size为62.5%所以html字体大小为10px;
已知h1是60px;
rem是指多少倍的根大小,也就是多少倍的10px大小,要等于60px;
60/10=6;
所以p设置为6rem;