繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 样 式 表 全 接 触（5）
- HTML/XHTML教程
- HTML5之后W3C将制定无版本号的HTML
- IE6必然灭亡的最新6个理由
- 网页制作教程:单独对IE6进行兼容
- Firefox 3.6频繁崩溃的问题
- HTML5的发展:微格式和相关的属性名称
- Chrome最新4.0版本支持GreaseMonkey脚本
- 网页前端常见的攻击方式和预防攻击办法
- HTML5标准将把互联网视频扔回到黑暗时代
- 靠我们自己的力量把IE6推向灭亡
- 近期热点:HTML5是否真的可以取代Flash
- 网页知识新手了解：网页设计的发展历史
- TinyEditor:简洁且易用的html所见即所得编辑器
- ANSI，Unicode，UTF-8网页编码的区别
- HTML5实例:20个使用HTML5编写的网站
- 网页表单设计:主要行为与次要行为
- HTML网页实例代码:简洁漂亮的跳转等待页面
- 经验分享:关于网页布局排版的流程问题
- W3C发布7个HTML工作草案
- HTML5 旨在解决 Web 中的交互
- 网页优化的最基础部分:HTML的优化
HTML/XHTML教程 中的 样 式 表 全 接 触（5）
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 39 ::
收藏到网摘: n/a
五、样式表的引入
了解了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">
这种方式主要用于对具体的标志做具体的调整,其作用的范围只限于本标志。
评论 (0) All
