美文网首页
CSS的几种引入方式

CSS的几种引入方式

作者: 路西法丶L | 来源:发表于2017-03-20 19:40 被阅读33次

有三种引入方式:

  1. 行内样式,在标签里面直接编写行内样式。
  2. 内联样式,在Html头部用<style></style>包起来,在这里面编写样式。
  3. 外联样式,在样式表中编写样式,使用<link>或者@import引入。

link和@import的区别是:

  1. link属于xhtml标签,而@import是css提供的。
  2. 页面被加载时,link会同时被加载,而@import引用的css会等到页面加载结束后加载。
  3. link是xhtml标签,因此没有兼容性,而@import只有IE5以上才能识别。
  4. 使用dom控制样式时的差别。当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的。
  5. link方式样式的权重高于@import的。

【注】版权归 Lucifer 所有,转载请联系作者。

相关文章

  • CSS入门的那些坑

    几种引入css的方式 分别有用style 属性、style 标签、css link、css import, 引入c...

  • CSS基础与选择器

    CSS加载方式有几种? 外部样式表(推荐) 通过 引入外部css 通过@import引入样式,放入CSS中(后面一...

  • css基础

    CSS全程是什么 css全称:层叠样式列表(cascading style sheets) CSS引入方式有几种?...

  • 记11月29日作业

    问题一:CSS有几种引入方式? link 和@import 有什么区别? css一共有4种引入方式: 内联样式 内...

  • 前端新手常见问题(三)

    一、CSS基础: CSS全称:Cascading Style Sheets(层叠样式表) CSS有几种引入方式 在...

  • VIP10-11月29日作业:CSS

    问题一:CSS有几种引入方式? link 和@import 有什么区别? CSS引入方式1.外部样表式:如下 2....

  • css基础

    css的全称: cascading style sheets 层叠样式表 CSS有几种引入方式? link 和@...

  • css的几种引入方式

    1.嵌入式 嵌入式是将CSS样式集中写在网页的 标签对的 标签对中。格式如下 ...此处写CSS样式 2.行内...

  • CSS的几种引入方式

    有三种引入方式: 行内样式,在标签里面直接编写行内样式。 内联样式,在Html头部用 包起来,在这里面编写样式。...

  • CSS了解

    CSS的全称是什么? CSS全称Cascading Style Sheets,层叠样式表 CSS有几种引入方式? ...

网友评论

      本文标题:CSS的几种引入方式

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