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.cssmain.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