美文网首页
CSS:css引用的几种方式

CSS:css引用的几种方式

作者: Andy丶Go | 来源:发表于2017-09-27 22:25 被阅读24次

1、行内引用,即直接将css样式写在标签中的style属性里
2、嵌入引用,即将样式规则写在页面中的<style>标签里
3、外部引用,使用link或者@import引用

link 和 @import 的却别:
1、link是HTML标签,而@import是css提供的一种方式所有它只能挂载在css里加载css
2、加载顺序的差别,link引用的css会随页面同时加载,而@import引用会等到页面全部加载完成后再加载
3、兼容性差别,@import只有在IE 5 以上的浏览器才能支持
4、使用dom控制样式时的差别,当使用javascript控制dom去改变样式的时候,只能使用link标签,因为@import不是dom可以控制的
5、@import可以在css中再次引入其它样式表,综合来看@import url(style.css)是最优写法

相关文章

  • 4C引用·选择器·伪类·css颜色·溢出·尺寸·倒角·边框阴影·

    CSS概述 CSS的作用 引入CSS的几种方式1.标签内引用style:style="样式名:样式值;..."2....

  • CSS:css引用的几种方式

    1、行内引用,即直接将css样式写在标签中的style属性里2、嵌入引用,即将样式规则写在页面中的 标签里3、外部...

  • css基础

    本文简介CSS的基础用法 CSS的引用方式 1.通过 引入 CSS。 @import的引用方式注释:@impo...

  • css基础

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

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

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

  • CSS入门的那些坑

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

  • HTML2

    样式有几种引入方式? link和 @import有什么区别? 样式引入方式: 两种都是外部引用CSS的方式,差别在...

  • CSS了解

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

  • CSS基础

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

  • CSS基础

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

网友评论

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

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