有四种形式：

　　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不支持

css 引入的方式有哪些， link和@import的区别是什么的更多相关文章

  1. CSS引入的方式有哪些? link和@import的区别是?转载

    CSS引入的方式有哪些? link和@import的区别是? HTML 中引入 CSS 的方式 有 4 种方式可以在 HTML 中引入 CSS.其中有 2 种方式是在 HTML 文件中直接添加 CSS ...

  2. CSS引入的方式有哪些? link和@import的区别是?

    CSS引入的方式包括内联 内嵌 外链 导入 link和@import的区别是 : ①link属于XHTML标签,除了加载CSS外,还能 用于定义RSS, 定义rel连接属性等作用:而@import是C ...

  3. 引入CSS文件的方式，以及link与@import的区别

    一.引入css的方式 在HTML中引入css的方法主要有4种:行内式.内嵌式.链接式和导入式. 1.行内式 <div style="background:yellow;"&g ...

  4. css引入的两种方法link和@import的区别和用法

    link和@import都是HTML中引入CSS的语法单词. 两者的基本语法 link语法结构 <link href="外部CSS文件的URL路径" rel="st ...

  5. 引入CSS的方式有哪些?link和@import的有何区别应如何选择【转载】

    看到淘宝网页中这样写使用的是import,而很多网站都是使用link,当然还有一些页面比较简单,流量很大的网站,是直接将CSS写在html代码中的?他们有什么区别?CSS用import还是link好? ...

  6. css引入的方式有哪些_四种css的引入方式与特点

    在网页中css主要负责html文档的样式显示,目前css主要有4种引入方式:行内式.内嵌式.导入式.链接式. 1.行内式 行内式也叫内联样式,是指标记的style属性中设定CSS样式,这种方式没有体现 ...

  7. link 和 @import 的区别是什么？

    link语法结构: <link href="url" rel="stylesheet" type="text/css"> @im ...

  8. css 引入的 方式有哪些？ link与post有什么区别？？

    有四钟形式: 1.链入外部样式表,就是把样式表保存为一个样式表文件,然后在页面中用<link rel="stylesheet" type="text/css&quo ...

  9. CSS中link和@import的区别是：

    Link属于html标签,而@import是CSS中提供的 在页面加载的时候,link会同时被加载,而@import引用的CSS会在页面加载完成后才会加载引用的CSS @import只有在ie5以上才 ...

随机推荐

  1. Java之IO输入输出

    首先介绍File类: 我们直接上代码: package com.learn.chap10.sec02; import java.io.File; import java.io.IOException; ...

  2. CSS a 标签样式

    CSS a 标签样式 a:LINK { color: red; } a:VISITED { color: yellow; } a:HOVER { color: green; } a:ACTIVE { ...

  3. windows命令行 查询/kill 进程

    查询: tasklist kill对应进程 按名称:taskkill /im xxx.exe 按pid: taskill /pid pid kill掉xxx进程的相关进程(子进程) taskkill ...

  4. xcode恢复语法高亮

    [xcode恢复语法高亮] 非常简单,在Organizer中删除derivedData.

  5. 刷题向》关于一道像差分约束的数学题BZOJ1045（NORMAL）

    关于这道题,乍一看很像查分约束,但是实际上这道题是可以用数学方法直接解决的. 这道题在蓝书上有原题,可以看到题解,在此再赘述一遍 首先,最终每个小朋友的糖果数量可以计算出来,等于糖果总数除以n,用av ...

  6. 【HDU5391】Zball in Tina Town

    [题目大意] 一个球初始体积为1,一天天变大,第一天变大1倍,第二天变大2倍,第n天变大n倍.问当第 n-1天的时候,体积变为多少.注意答案对n取模. [题解] 根据威尔逊定理:(n-1)! mod ...

  7. 一个小仓鼠的js动画

    直接在网页打开就可以玩了: http://cdn.abowman.com/widgets/hamster/hamster.swf?up_bodyColor=f0e9cc&up_feetColo ...

  8. jQuery div鼠标移动效果

    <head runat="server"> <meta http-equiv="Content-Type" content="tex ...

  9. spring aop自动代理xml配置

    <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.sp ...

  10. ensemble 的2篇入门 文章

    python 篇: http://machinelearningmastery.com/ensemble-machine-learning-algorithms-python-scikit-learn ...