html引入css四种引入方式示例分享
发布时间：2013-12-06 09:55:10 作者：佚名 
我要评论
我要评论CSS四种引入方式:标签内的CSS 、网页内的CSS、link引用的CSS、import引用的CSS，下面用一个例子演示用法
复制代码
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>引入CSS的四种方式</title>
<style type="text/css">
/*h2{ color:white;background-color:blue;}*/
/*要想使网页内的CSS生效，必须注释下一行代码*/
@import "import.css";
</style>
<link href="alone.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1 style="color:white; background-color:yellow">标签内的CSS</h1>
<h2>网页内的CSS</h2>
<h3>link引用的CSS文件</h3>
<h4>import引用的CSS文件</h4>
<p>link引用和import引用区别是：link是html加载前就引用，而import是html加载后才引用。举例，采用impor引用，会先显示无样式的页面，然后再把样式放进去。如果用JavaScript动态引用CSS，得使用link引用方式才可实现。</p>
</body>
</html>
相关文章
这篇文章主要介绍了css样式引入及优缺点，本文给大家分享三种css的引入方式，通过代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下2020-04-02
这篇文章主要介绍了关于CSS引入方式的详细见解小结的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-02-25
这篇文章主要介绍了详解CSS文件的三种引入方式的相关资料，CSS的引入方式共有三种：行内样式、内部样式表、外部样式表。具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-09-27- 在本文将为大家介绍下css的引入方式、css的基本语法等等，新手朋友们可以参考下哈，希望对大家有所帮助2013-09-12
详解CSS文件中的4种引入方式:行内,内联式,外部式,导入式
这篇文章主要介绍了CSS文件中的4种引入方式:行内,内联式,外部式,导入式,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-07-29
最新评论