样式表全接触（5）- HTML/XHTML教程 - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 样式表全接触（5）

技术文章搜索

关键字

HTML/XHTML教程中的样式表全接触（5）

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 59 ::

收藏到网摘: n/a

样式表全接触（4）样式表全接触（8）

五、样式表的引入

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

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

<HEAD>

<TITLE>My Stylesheet</TITLE>

</HEAD>

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

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

<!--

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

　-->

</Style>

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

<!--

@import url(mystyles.css);

-->

</STYLE>

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

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

　　5、直接插入式

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

　　这种方式主要用于对具体的标志做具体的调整,其作用的范围只限于本标志。

样式表全接触（4）样式表全接触（8）

HTML/XHTML教程 中的 样 式 表 全 接 触（5）

评论 (0) All

HTML/XHTML教程中的样式表全接触（5）