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

所属分类: HTML/Xhtml / 网页制作 阅读数: 1880
收藏 0 赞 0 分享

 HTML style 标签

style 标签 -- 在文档中声明样式时使用此标签
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. <style type="text/css"><![CDATA[   
  2. /* ----------文字样式开始---------- */   
  3.   
  4. /* 梦之都白色12象素文字 */   
  5. .dreamduwhite12px  
  6. {   
  7.     color:white;   
  8.     font-size:12px;   
  9. }   
  10. /* 梦之都黑色16象素文字 */   
  11. .dreamdublack16px  
  12. {   
  13.     color:black;   
  14.     font-size:16px;   
  15. }   
  16.   
  17. /* ----------文字样式结束---------- */   
  18. ]]></style>  
更多精彩内容其他人还在看

在html中添加script脚本的2种方法和注意事项

在html中添加<script>脚本的方法: 1、可以直接将javascript代码添加到html中 复制代码代码如下: <script type="text/javascript"> //javascritp代码 </script> 当解释器... 查看详情
收藏 0 赞 0 分享

html中的javascript 全选/取消全选操作示例代码

复制代码代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</titl... 查看详情
收藏 0 赞 0 分享

html让局部强制出现滚动条不破坏整体的样式和布局

先贴出效果图:  局部出现滚动条,这样就不会破坏整体的样式和布局了. 范例代码: 复制代码代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; cha... 查看详情
收藏 0 赞 0 分享

html的基本使用包括链接、样式表、span和div等等

一、链接 在HTML中超文本的链接非常重要,基本格式如下: <A HREF="资源地址">链接文字</A> 1、本地链接 ①绝对路劲: <A HREF="C:\images\article.jpg">绝对... 查看详情
收藏 0 赞 0 分享

关于html标签自定义属性的问题

之前开发都是老老实实的用html默认的属性,如class,name等。跳槽到了华为的外包,做一个商城的系统,用开源框架做的。在编码的时候遇到了以下的情况,在标签里面有很多自定义标签。复制代码代码如下:<img msrc="<s:property value='#pro... 查看详情
收藏 0 赞 0 分享

a标签href属性和onclick事件的比较介绍

首先说一下, href属性 和 onclick事件 的执行顺序,当鼠标点击a标签的时候会先执行 onclick事件, 然后才是 href 属性下的动作(页面跳转,或 javascript 伪链接),如果不想执行href 属性下的动作执行,onclick 需要要返回 false ,... 查看详情
收藏 0 赞 0 分享

定义内联元素span的最小高度问题

制作html网页经常会使用到span这个标签,但有些朋友对这个标签很多朋友用不好,似乎觉得它又很好用,但有用起来又很麻烦,尤其是需要给它定义宽度和高度的时候。曾经有朋友问:为什么给用css给span定义高度和宽度后,它的宽度和高度仍然没有变化,好像失效了一样?其实这个问题很简单&... 查看详情
收藏 0 赞 0 分享

html页面实现过两秒跳转至其他页面的方法

复制代码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><... 查看详情
收藏 0 赞 0 分享

a标签的target指向iframe的name和id的区别

复制代码代码如下: <iframe id="myFrameId" name="myFrameName" scrolling="no" frameborder="0" style="width:200px; height:150px; "></iframe>... 查看详情
收藏 0 赞 0 分享

iframe的各项参数整理附说明及使用示例

<iframe src=”test.jsp” width=”100″ height=”50″ frameborder=”no” border=”0″ ma... 查看详情
收藏 0 赞 0 分享
查看更多