主页 / 建站知识 /

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

建站知识 2021-07-03 08:15www.168986.cn长沙网站建设

复制代码
代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd">http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://.w3./1999/xhtml">http://.w3./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>
上一篇：a标签样式 和 a标签属性写法 下一篇：IE7 设置z-index的覆盖问题的解决方法

长沙网站设计

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by