深入解析HTML中的style标签及其内部引用CSS方法
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">
- /* ----------文字样式开始---------- */
- /* 梦之都白色12象素文字 */
- .dreamduwhite12px {
- color: white;
- font-size: 12px;
- }
- /* 梦之都黑色16象素文字 */
- .dreamdublack16px {
- color: black;
- font-size: 16px;
- }
- /* ----------文字样式结束---------- */
- </style>
复制代码
|