05.CSS+DIV之icon图标及样式表调用
Posted on 星期六, 十二月 30th, 2006 at 3:20 下午. 1,499次浏览天气突然变冷了，再加上年终工作也比较忙了，我一直没有时间抽出来学习CSS+DIV。现有的学习笔记每天都有人通过搜索引擎来学习。但我所学习的内容并不多，我现在争取尽快更新，以便加速自己的学习能力。此课时继续学习head区icon图标及样式表调用等内容。
一、icon图标
icon，就是将某网站加入“收藏夹”之后，原来的IE图标会变成自行设定的图标。其图片大小设置为16*16，将命名为favicon.ico，上传到网站根目录下，然后在我们上课时后head区后继续添加下列代码，即可达到icon图标效果。
<link rel=”icon” href=”/favicon.ico” mce_href=”/favicon.ico” type=”image/x-icon” />
<link rel=”shortcut icon” href=”/favicon.ico” mce_href=”/favicon.ico” type=”image/x-icon” />
二、样式表调用
CSS样式表，Cascading Style Sheet 的缩写，意为层叠样式表单，作用增强控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。调用的方法主要有：
1.页面内嵌法：直接将样式表写在页面代码的head区。如：
<style type=”text/css”>
<!–
/* 全局CSS定义 */
body { text-align: center; font-family:”宋体”, arial;margin:0; padding:0; background: #FFF;
font-size:12px; color:#000;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th{font-size:12px;}
–>
</style>
2.外部调用法：将样式表单独写一个.css文件，然后用link调用。
<link rel=”stylesheet” rev=”stylesheet” type=”text/css” href=”css.css” mce_href=”css.css” media=”all”/>
3.双表调用法：适用条件是在netscape4.0以上或其它浏览器中显示时，采用”@import”命令方法。
<link rel=”stylesheet” rev=”stylesheet” type=”text/css” href=”css.css” mce_href=”css.css” media=”all”/>
<style type=”text/css”>@import url( css.css );</style>
温馨提醒：一般调用主要是前两种，因第二种只要修改.css文件，就能修改所有调用的页面，所以使用第二种的人会比较多。第一种直接调用法，可以节省读取资源样式表加载的时间。以上代码插入地方还是head区，下一篇学习CSS+DIV各种布局。像我这样的初学者，大部分都是采取复制粘贴修改的形式来学习。
