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

HTML/XHTML教程
网页设计师如何应对客户无理要求
打开网页速度提升的简单而有效的方法
让IE8启动IE7兼容模式的简便代码
HTML的sub,sup标签制作电子商务网站中的价格
IE9关键字:硬件渲染,新的JS引擎,CSS,标准
让IE支持HTML5办法
HTML教程:HTML的10个表格相关标记
HTML教程:网页页面切换的各种效果
网页制作掌握的最常用的HTML标记
应该怎样把HTML结构化
XHTML基础教程:xhtml的块级标记
网页页面实现自动刷新的3种代码
网页制作教程:TD也可以溢出隐藏显示
网页设计教程:TabIndex元素
微软:IE9与HTML 5的关系
HTML设备标识符可以让用户使用网页与摄像头等硬件设备打交道
HTML5和CSS3的一些新变化
超级链接标记A的TARGET属性详解
语义化的网页:XHTML语义化标记
理论知识:PSD模板切成HTML的正确操作

HTML/XHTML教程 中的 样 式 表 全 接 触(5)


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

  3、使用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">

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