1、直接在html标签元素内嵌入css样式，如
<div style="font-size:14px;color:#FF0000;">2、在html头部head部分内style声明插入代码如下：
<!--
ceshi {font-size:14px; color:#FF0000;}
-->
</style>
3、在html头部head部分内使用@import引用外部CSS文件方法
<!--
@import url(wcsscss);
-->
</style>
Wcsscss文件内代码ceshi {font-size:14px; color:#FF0000;}
4、在html头部head部分内使用link来调用外部的css文件
在head放置<linkrel="stylesheet" href="wcsscss" type="text/css"/>来调用外部的wcsscss文件来实现html引用css文件
<linkrel="stylesheet" href="wcsscss" type="text/css"/>有两种调用方式（前提是你已经打算活着已经写好了一个 CSS文件）1：采用链接的方式调用 代码语法如下：
<link href="(css地址)" rel="stylesheets" type="text/css">
rel说明该link 和 href之间的关联样式为样式表文件。type说明该文件为样式表文本
2：采用@ import
如果你已有一个CSS文件，自己又写了一个 CSS文件，想调用，那么在第一个CSS文件中加入：
@import（url）为什么不能加<link>标签呢？我还没有遇到过这种情况。
你用的是dmvs
样式的使用有大体有四种方式：
1，外联式样式表；2，内嵌样式表；3，元素内定；4，导入样式表
有试过导入吗？
<style type="text/css">
<!--
@import url("css/basecss");
-->
</style>
css外部样式如何调用方法如下：
1、直接在div中使用css样式制作div+css网页
2、html中使用style自带式
3、使用@import引用外部CSS文件
4、使用link引用外部CSS文件 推荐此方法
接下来将逐个讲解html引用css方法的例子
1、直接在html标签元素内嵌入css样式，如<div style="font-size:14px; color:#FF0000;">我是div css测试内容-支持</div> 效果如下图
2、在html头部head部分内style声明插入代码如下：
<style type="text/css"><!--
ceshi {font-size:14px; color:#FF0000;}/这里是设置CSS的样式内容/
-->
</style>
具体方法如下图：
3、使用@import引用外部CSS文件方法
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN"";
Wcsscss文件内代码ceshi {font-size:14px; color:#FF0000;}
效果如下图：
可以看出使用此方法和使用自带式引用css样式表方法有相同处，都是需要在html的head内使用style标签引用外部css。
4、使用link来调用外部的css文件
在head放置<link rel="stylesheet" href="wcsscss" type="text/css" />来调用外部的wcsscss文件来实现html引用css文件
详细如下图
此方法就不需要style标签，而是直接通过link一个样式来引用外部样式。
@import url('css/mygodcss');其中的 css/mygodcss 为CSS文件的相对位置，可以写绝对路径 带>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）