一.样式有几种引入方式?link和@import有什么区别
样式主要有三种引入方式:外部样式表、内部样式表、内联样式,如下图所示:
link和@import都是在引入外部样式表时使用,但有以下几点区别:
1.link引用css时,在页面载入时同时加载,@import需要网页完全载入以后加载。
2.link是xhtml标签,无兼容问题;@import是在css2.1上提出的,低版本的浏览器不支持。
3.link是xhtml标签,除了加载css外,还可以定义rss等其他事物;而@import属于css范畴,只能加载css。
4.link支持使用js控制dom去改变样式;而@impport不支持。
一般情况下,我们建议在需要重复用到同一个样式时使用link,否则使用@import。
二.文件路径…/main.css、./main.css、main.css有什么区别
…/main.css指上一级目录里的main.css文件; ./main.css指当前目录里的main.css文件;main.css只是指main.css这个文件。
三.console.log是做什么用的
方便调试js用的,可以在页面上看到输出的内容,并且不会阻断线程的执行。
四.text-align: justify是什么
一种css样式,作用在块级元素上,对内部的行内元素生效(文本,图片,a链接等)使文本的两端都对齐,当文本比较长时,调整中间文字的间隔,使各行长度恰好相等。
五.px,em,rem分别是什么?有什么区别?如何使用
px是像素的基本单位;em是当前元素相对于父元素的大小,如果父元素没有指定大小,便追溯至父元素的父元素的大小,以此类推;rem是当前元素相对于根元素html的大小。
六.对chrome 审查元素的功能做个简单的截图介绍
网友评论