html引入css四种引入方式示例分享

ttx9n · 发表于 2013-12-6 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>

9jduu05 · 发表于 2022-8-18 07:17:03

来看看怎么样

czoz5y · 发表于 2023-3-10 16:21:58

啪啪啪生怕PSP怕

6q8s6p21 · 发表于 2023-6-1 17:40:37

而非为吾问无为谓娃娃

feiyasqhr · 发表于 2023-9-13 00:16:48

老衲笑纳了

fiyeid · 发表于 2023-10-4 03:19:20

挺不错的东西

thywok · 发表于 2023-10-14 23:41:49

快更新啊，我擦

3pjdk29w · 发表于 2024-4-15 21:53:23

天天源码社区www.tiantianym.com

cxst1h57 · 发表于 2024-4-16 07:54:43

加快速度很快就撒谎

81708585 · 发表于 2024-6-4 23:55:04

iiguuubhuiuihu

账号		自动登录	找回密码
密码			立即注册

[CSS] html引入css四种引入方式示例分享