引用CSS的写法有几种?

html-css016

引用CSS的写法有几种?,第1张

目前有两种引用方式,一种是通过在head里面的link来引用,另外一种是直接通过import来引用,示例代码如下:

第一种:link引用

<link rel="stylesheet" href="/css/mycss.css" />

第二种:@import引用

<style type="text/css">

@import url(/css/mycss.css)

</style

link和import语法结构不同,前者<link>是html标签,只能放入html源代码中使用,后者可看作为css样式,作用是引入css样式功能。

import在html使用时候需要<style type="text/css">标签,同时可以直接“@import url(CSS文件路径地址)”放入css文件或css代码里引入其它css文件。

本质上两者使用选择区别不大,但为了软件中编辑布局网页html代码,一般使用link较多,也推荐使用link。

css主要有三种引用方法:

1,内部引用,在html文档中在<style>标签里面写的css样式

<style>

bdoy{font-size:14px}

</style>

2,外部引用,用<link>标签引用外部的css文件,将样式引用到html文档来。

<link rel="stylesheet" type="text/css" href="style.css">

3,在标签中使用,使用style属性将当前的标签样式改变。

<div style="color:red"></div>

1、直接在html标签元素内嵌入css样式,如<div style="font-size:14pxcolor:#FF0000">我是div css测试内容-www.divcss5.com支持</div>

2、在html头部head部分内style声明插入代码如下:

<style type="text/css">

.ceshi {font-size:14pxcolor:#FF0000}/*这里是设置CSS的样式内容*/

</style>

3、使用link来调用外部的css文件

在head放置<link rel="stylesheet" href="wcss.css" type="text/css" />来调用外部的wcss.css文件来实现html引用css文件