HTML 基础-2
2016-08-29 本文已影响0人
佩佩216
- 样式有几种引入方式? 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个值，分别如下：
Paste_Image.png
- px、em、rem分别是什么？有什么区别？如何使用?
px（像素）是绝对单位,表示屏幕设备物理上能显示出的最小的一个点；em是相对单位，基准点为父节点字体的大小；rem是相对单位，基准点是根元素<html>的字体大小。 -
对chrome 审查元素的功能做个简单的截图介绍。
Snip20160829_16.png
- 如下代码，设置 p为几 rem，让h1和p的字体大小相等?
由于任意浏览器的默认字体高都是16px，因此此段代码中html 的大小为：62.5%16px=10px,rem基准点是根元素<html>的字体大小，要使h1同p的字体大小相等,则p应该设为6rem=610px=60px。
