zoukankan      html  css  js  c++  java
  • CSS有哪些引入方式,link和@import的区别

    3种方式哦,行内样式、内部样式表、外部样式表

    1. 行内样式又称为内联样式,直接在HTML标签的style属性中添加css.

    会导致 HTML 代码变得冗长

    2. 内部样式表又称为嵌入方式,是在HTML<head>的<style>标签中写css代码

    因为嵌入的 CSS 只对当前页面有效,所以当多个页面需要引入相同的 CSS 代码时,这样写会导致代码冗余,也不利于维护。

    3. 外部样式表可以通过,HTML 头部的 <head> 标签引入外部的 CSS 文件.

    (1)、链接式 :
    <link type="text/css" rel="styleSheet"  href="CSS文件路径" />

    (2)、导入式
    <style type="text/css">
      @import url("css文件路径");
    </style>

    区别:

    1. link属于XHTML标签,除了加载CSS之外,还可以定义其他业务,@import属于css2.1,只能加载CSS。

    2. link 引入CSS时,在页面载入时同时加载,@import在页面加载完全后,再加载css.

    3. link无兼容性问题, @import是在CSS2.1提出的,故只可在 IE5+ 才能识别,低版本的浏览器不支持。

    4. 可以通过JS操作DOM,插入link标签来改变样式。

    CSS 权重优先级顺序简单表示为:

    !important > 行内样式 > ID > 类、伪类、属性 > 标签名 > 继承 > 通配符

  • 相关阅读:
    java实现还款计算
    java实现风险度量
    java实现字符串比较
    java实现风险度量
    java实现风险度量
    java实现还款计算
    java实现还款计算
    java实现字符串比较
    java实现字符串比较
    java实现风险度量
  • 原文地址:https://www.cnblogs.com/sarah-wen/p/10780601.html
Copyright © 2011-2022 走看看