CSS样式的引入方式及link和@import的区别
- 样式有3种引入方式:
①外部式:在<head>下使用link或@import引入xx.css文件。
②内部式:在<head>下使用<style>书写。
③内联式:在对应标签的起始符中直接添加style样式。
link和@import有以下区别:(一般使用link)
①link的css载入与页面加载同步;而@import的css是在页面加载完成后引入的。
②link无兼容性问题;而@import是CSS2.1时提出的,部分低版本浏览器不支持。
③link支持使用Javascript控制DOM去改变样式;而@import不支持。
④link还可用于定义RSS等其他事务;而@import只能用于加载css。
文件路径../main.css 、./main.css、main.css的区别
../main.css是指上一级目录中的css文件,而./main.css、main.css都是指本目录下的css文件。
在调试中console.log的作用
console.log是用于调试Javascript用的,一步步追根溯源让控制台打印出对应数据,查看是否则正确,找出问题的关键点。相比于alert,console能显示具体内容、且不打断页面、也可在控制台显示其他内容。
text-align: justify是什么
text-align: justify是让文本两端对齐的属性,通过调整字间距让两端对齐。
px、em、rem三者的区别
- 3个都是字体大小的“单位”,与数字结合定义字体大小,但有区别。
px的大小是相对于显示分辨率而言的、em的大小则是相对于其父元素而言的、rem的大小是相对于根元素而言的。
chrome 审查元素的功能简介:
