两种样式表

 

外部样式表

  采用外部样式表是最好的,它能使创建网页变的简单。将所有样式信息放在一个文件里,然后用一行代码引用它即可。
  代码很容易错字,检查办法有firefox – tools – error 控制台 – 点击“警告(warnings)”就可以看到firefox 无法识别的css代码。

    关联外部样式表

<link>标签

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>

 

 

posted @ 2013-01-28 18:37  老莫不老  阅读(289)  评论(0编辑  收藏  举报