电脑软硬件应用网
当前位置： 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
样 式 表 全 接 触（5）
样 式 表 全 接 触（5）
2005-12-30 19:14:08　　文/45IT收集 　　出处:电脑软硬件应用网 　　


五、样式表的引入 

　　了解了CSS的定义方式，下面将具体介绍如何在HTML中引入CSS的各种方法。 

　　1、使用<LINK> 链接外部样式表单；例如： 

<HEAD> 

<TITLE>My Stylesheet</TITLE> 

<LINK REL=stylesheet HREF="mystyles.css" TYPE="text/css"> 

</HEAD> 

应用CSS文件的一个最大好处就是，你可以在每个HTML文件中引用这个文件，从而可使整个站点的HMTL文件在风格上保持一致，避免重复的CSS属性设置；另外，当你遇上改版或作某些重大调整要对风格进行修改时，可直接修改这个CSS文件，当然了，HTML文件一直引用最近更新的样式单，而不必每个每个HTML文件进行整，你说是不是挺方便的呀！特别提醒一下，如果你想建立自己的网站，这方面不可忽视哟，如果在建站之初没有网站风格的统一规划并形成CSS文件，以后内容一多，想调整一下风格会累死你的。 

　　2、把定义语句放在<HEAD>和<BODY>标签之间，这种风格定义产生作用的范围也只局限于本文件，其格式如下(套用上边的CSS) 

<Style Type="text/css"> 

　<!-- 

　　td{ color: green; font-size: 15px; font-family: Arial } 

　--> 

</Style> 

　　３、使用CSS"@import"导入样式表单；例如： 

<STYLE TYPE="text/css"> 

<!-- 

@import url(mystyles.css); 

--> 

</STYLE> 

　　4、在<BODY>内部元素中使用"STYLE"标记来定义;例如： 

<p style="color: red; font-size: 20px; font-family: Arial">我的样式表</p> 

　　5、直接插入式 

　　直接插入式很简单，只是在每个HTML标志后书写CSS属性就可以了。这种方式很直接，如我们想规定一个Table标志中的字为红色，字体大小为10pt，则可书写如下： 

　　<Table style="color:red;font-size:10pt"> 

　　这种方式主要用于对具体的标志做具体的调整,其作用的范围只限于本标志。 
  • 上一篇文章：

  • 下一篇文章：
    • 最新热点 最新推荐 相关文章
    页面自动跳转的几种实现方法
    网站内容的四种分类形式 或多或少的…
    如何指定规范网页？rel="canonical"
    浅谈网站评论体系设计的不足之处
    网页中“上一篇”“下一篇”设计思考
    网页设计进度指示器帮助用户预测步骤
    网页用户体验:网页注册表单设计分析
    网页设计常出现8大问题
    网页设计的形象思维归纳
    彻底去掉动易内容页顶部的“改变图片…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号