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 审查元素的功能简介:
0_1459513770459_chrome.png
网友评论