- 样式有几种引入方式? link和 @import有什么区别?
主要的是以下三种:
- 浏览器缺省设置:浏览器的默认设置。
- 外部样式表:将样式放在文件中,编码时利用href(资源定位服务)或者@import (较少使用)链接使用完成效果。
- 内部样式表:直接在标签内部添加样式。(添加单独style标签或在需要添加样式的标签元素内添加style)
link是一个html的一个标签,而@import是css的一个标签。link标签除了可以加载css外,还可以做很多其它的事情,比如声明页面链接属性,声明目录等,@import就只能加载css了且当一个页面被加载的时候,link引用的css会同时被加载,而@import引用的css会等到页面全部被下载完再被加载。
- 文件路径../main.css、./main.css、main.css、/main.css有什么区别?
- ../main.css:当前文件所在目录的上一级目录下的main.css文件
- ./main.css、main.css:当前文件所在目录下的main.css文件
- /main.css:当前文件的根目录下的文件main.css文件
- console.log是做什么用的?
console :控制台;log:日志,意思是在控制台输出日志信息。控制台也叫开发者工具,属于浏览器的一部分,用于开发者调试使用。 -
text-align有几个值,分别有什么作用?写截图说明区别?
总共有5个值,分别如下:
- px、em、rem分别是什么?有什么区别?如何使用?
px(像素)是绝对单位,表示屏幕设备物理上能显示出的最小的一个点;em是相对单位,基准点为父节点字体的大小;rem是相对单位,基准点是根元素<html>的字体大小。 -
对chrome 审查元素的功能做个简单的截图介绍。
- 如下代码,设置 p为几 rem,让h1和p的字体大小相等?
由于任意浏览器的默认字体高都是16px,因此此段代码中html 的大小为:62.5%16px=10px,rem基准点是根元素<html>的字体大小,要使h1同p的字体大小相等,则p应该设为6rem=610px=60px。