欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

详解HTML的style标签以及相关的CSS引用_HTML/Xhtml_网页制作

程序员文章站 2022-04-01 19:09:40
...
HTML style 标签

style 标签 -- 在文档中声明样式时使用此标签
style标签是成对出现的,以结束
属性
media -- 媒体类型,

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

XML/HTML Code复制内容到剪贴板
  1. head>
  2. style type="text/css">
  3. abbr
  4. {
  5. font-size: 12px;
  6. }
  7. .text10pxwhite
  8. {
  9. font-size: 10px;
  10. color: #FFFFFF;
  11. }
  12. style>
  13. head>

内部引用CSS -- Internal

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

示例

CSS Code复制内容到剪贴板
  1. >
  2. /* ----------文字样式开始---------- */
  3. /* 梦之都白色12象素文字 */
  4. .dreamduwhite12px
  5. {
  6. color:white;
  7. font-size:12px;
  8. }
  9. /* 梦之都黑色16象素文字 */
  10. .dreamdublack16px
  11. {
  12. color:black;
  13. font-size:16px;
  14. }
  15. /* ----------文字样式结束---------- */
  16. ]]>
相关标签: HTML style CSS