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

    有四种形式:

      1.链入外部样式表,就是把样式表保存为一个样式表文件,然后在页面中用<link rel = "stylesheet" type="text/css" href="*.css">链接这个样式表文件

      2.内部样式表,就是把样式表放到页面的<head>区内、

      <style type="text/css">

      div{height : 600px;}

      </style>

      3.导入外部样式表,用@import ,在<head>与</head>之间, 

      <style type= "text/css">

      <!--

      @import"*.css"

      -->

      4内嵌样式,就是在标签内写入style="" , 比如:

      <div style= "background:#cccccc"></div>设置div背景色为灰色

      区别:

      1、link是HTML的标签,除了加载CSS外,还可以定义RSS等其他事物;@import属于CSS范畴,只能加载CSS

      2、link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。

      3、link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持

      4、link支持使用JavaScript控制Dom改变样式,而@import不支持

  • 相关阅读:
    Single Threaded Execution
    多线程(第三天)
    多线程(第二天)
    IE中float:right单独一行
    web.xml配置
    java调用asmx的webservice
    跨域访问
    jsp页面导入jstl标签
    搜索dwr做即时聊天的时候看到的问题
    LigerUI tree在ie下显示不出来/LigerUI 控件在ie下错乱
  • 原文地址:https://www.cnblogs.com/tong-yao/p/10274243.html
Copyright © 2011-2022 走看看