html引入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属性探秘系列(六):margin
浅谈javascript属性onresize
js实现根据身份证号自动生成出生日期
win10手机预览版10166更新内容 预览版怎么样
用HTML5实现鼠标滚轮事件放大缩小图片的功能
javascript中不等于的代码是什么怎么写
SQL注入全过程深入分析
用CSS3打造HTML5的Logo(实现代码)
简单理解插入排序算法及Swift版的代码示例
JavaScript 垃圾回收机制分析
Sql Server中一个表2个字段关联同一个表(代码解决)
Windows 10 10162预览版与10159有什么不同? 电池续航提升
JS弹出层遮罩,隐藏背景页面滚动条细节优化分析
C#生成唯一不重复订单号
快速导航

Copyright © 2016 phpStudy |