HTML内部和外部样式表的使用说明

作者: 来源: 更新时间:2013-01-29 14:41:26 点击:

html <link rel=”stylesheet” type=”text/css” href=”css/global.css”>

XHTML <link rel="stylesheet" type="text/css" href="css/global.css" />

  rel-- 表示连接类型 --- styesheet 指的是链接到样式表。
  type –- 是让浏览器知道需要哪一种数据,这里是css文件。
  href— 指向css文件位置目录。

  浏览器为了能快速浏览网页,会在浏览后预留存储图片,外部css文件,这叫高速缓存。但浏览器缓存重复调用会导致网站设计出错,解决办法是让浏览器重新加载链接文件,Ctrl+F5或Ctrl+Shint+R。

内部样式表

  内部样式表是有多个样式组成,是网页代码的一部分。
  在<head>,<stype> 标签之间

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
h1{color:#06C;}p {color:#33F;}
</style>
</head>
<body>
</body>
</html>