美文网首页我爱编程
CSS的引入及个别混淆点

CSS的引入及个别混淆点

作者: 柯良勇 | 来源:发表于2016-05-24 15:41 被阅读195次

    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

    相关文章

      网友评论

        本文标题:CSS的引入及个别混淆点

        本文链接:https://www.haomeiwen.com/subject/shezrttx.html