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

HTML/XHTML教程
一些不太常用的XHTML标签用法以及实例
网页中图片的设置涉及的三个问题
商业HTML邮件的制作建议
HTML Marquee 字符片段滚动
DOCTYPE 文档类型声明(网页爱好者必看)
纯HTML标签你熟悉多少?
HTML元素的ID和Name属性的区别
HTML meta的大作用
HTML标签tbody的用法与说明
HTML 特殊字符转换表
HTML基础 HTML的组成结构
HTML基础之HTML内容细则
Shtml 精简教程
浅谈html table 标签
html Frame、Iframe、Frameset 的区别
HTML 网页页面切换的各种变换效果
HTML的10个表格相关标记
让IE8启动IE7兼容模式的代码
HTML 结构化实现方法
xhtml的块级标记小结

No. « 64 65 66 67 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-11-04   浏览: 32 ::
收藏到网摘: 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">

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