详解HTML的style标签以及相关的CSS引用

 HTML style 标签

style 标签 -- 在文档中声明样式时使用此标签

style标签是成对出现的,以<style>开始,以</style>结束

属性

media -- 媒体类型,

type -- 包含内容的类型,一般使用type="text/css"

示例

<head>

<style type="text/css">

abbr

{

font-size: 12px;

}

.text10pxwhite

{

font-size: 10px;

color: #FFFFFF;

}

</style>

</head>

内部引用CSS -- Internal

可以使用style标签直接把CSS文件中的内容加载到HTML文档内部.

示例

<style type="text/css"><![CDATA[

/* ----------文字样式开始---------- */

/* 梦之都白色12象素文字 */

.dreamduwhite12px

{

color:white;

font-size:12px;

}

/* 梦之都黑色16象素文字 */

.dreamdublack16px

{

color:black;

font-size:16px;

}

/* ----------文字样式结束---------- */

]]></style>