定位标签：position
包含属性：relative（相对）
absolute（绝对）
1.position:relative; 如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素"相对于"它的原始起点进行移动。（再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框）
2.position:absolute; 表示绝对定位，位置将依据浏览器左上角开始计算。 绝对定位使元素脱离文档流，因此不占据空间。普通文档流中元素的布局就像绝对定位的元素不存在时一样。（因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其他元素并可以通过z-index来控制它层级次序。z-index的值越高，它显示的越在上层。）
3.父容器使用相对定位，子元素使用绝对定位后，这样子元素的位置不再相对于浏览器左上角，而是相对于父窗口左上角
Line-height 定义字体最底端与行内顶端之前的距离(定义文本行高)，垂直方向将自动居中 .div{line-height:50px;}
background:URL(001.jpg) no-repeat 5px 10px fixed;      background-attachment:fixed（固定图象）scroll（随对象滚动）
      URL指定图片地址  No-repeat 定义图像不平铺  5px距离左5px距离可以跟center居中*10px距离顶部10px可以跟top或bottom  fixed设定图象是固定还是随内容滚动。
Font-weight:holder 加粗    strong属性效果与此相同<strong></strong>
Letter-spacing:5px 定义文本中字与字之间的距离
CSS控制超链接样式：a:link（超链接的初始状态）,a:hovar(鼠标放上去悬停状况),a:active(显示鼠标点击时状态
                    a:visited(访问过后的情况)
                    a:hover{color:red;text-decoration:none;}鼠标放上去显示为红字体，上划线。
多媒体文件插入-例：
<div id="apDiv1">
  <object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="667" height="262">
    <param name="movie" value="images/menu.swf" />
param name    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <param name="swfversion" value="8.0.35.0" />
   
    <param name="expressinstall" value="../Scripts/expressInstall.swf" />
   
   
    <object type="application/x-shockwave-flash" data="images/menu.swf" width="667" height="262">
     
      <param name="quality" value="high" />
      <param name="wmode" value="transparent" />
      <param name="swfversion" value="8.0.35.0" />
      <param name="expressinstall" value="../Scripts/expressInstall.swf" />
     
      <div>
        <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>
        <p><a href="www.adobe/go/getflashplayer"><img src="www.adobe.
com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" /></a></p>
      </div>
Object 标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。
param 元素仅在applet, embed和 object元素内有效
Embed 插入，镶入，标签定义镶入的内容，比如插件：
      Pluginspage,标示插件位置，便于尚未安装插件的用户可以下载此插件；
      Codebase 标示电脑无此插件时的下载地址。
param name标签是在这个播放插件中嵌入的一些功能和播放参数,比如:
<param name="wmode" value="transparent"><!--控制透明-->
<param name="playcount" value="1"><!--控制重复次数: “x”为几重复播放几次; x=0，无限循环。-->
<param name="autostart" value="0"><!--控制播放方式: x=1，打开网页自动播放; x=0，按播放键播放。-->
<param name="clicktoplay" value="1"><!--控制播放开关: x=1，可鼠标点击控制播放或暂停状态; x=0，禁用此功能。-->
<param name="displaysize" value="0"><!--控制播放画面: x=0，原始大小; x=1，一半大小; x=2，2倍大小。-->
<param name="enablefullscreen controls" value="1"><!--控制切换全屏: x=1，允许切换为全屏; x=0，禁用此功能。-->
<param name="showaudio controls" value="1"><!--控制音量: x=1，允许调节音量; x=0，禁止音量调节。-->
<param name="enablecontext menu" value="1"><!--控制快捷菜单: x=1，允许使用右键菜单; x=0，禁用右键菜单。-->
<param name="showdisplay" value="1"><!--控制版权信息: x=1，显示电影及作者信息;x=0，
不显示相关信息-->
<param NAME="AutoStart" VALUE="-1"><!--是否自动播放-->
<param NAME="Balance" VALUE="0"><!--调整左右声道平衡,同上面旧播放器代码-->
<param name="enabled" value="-1"><!--播放器是否可人为控制-->
<param NAME="EnableContextMenu" VALUE="-1"><!--是否启用上下文菜单-->
<param NAME="url" VALUE="1.wma"> <!--播放的文件地址-->
<param NAME="PlayCount" VALUE="1"><!--播放次数控制,为整数-->
<param name="rate" value="1"><!--播放速率控制,1为正常,允许小数,1.0-2.0-->
<param name="currentPosition" value="0"><!--控件设置:当前位置-->
<param name="currentMarker" value="0"><!--控件设置:当前标记-->
<param name="defaultFrame" value=""><!--显示默认框架-->
<param name="invokeURLs" value="0"><!--脚本命令设置:是否调用URL-->
<param name="baseURL" value=""><!--脚本命令设置:被调用的URL-->
<param name="stretchToFit" value="0"><!--是否按比例伸展-->
<param name="volume" value="50"><!--默认声音大小0%-100%,50则为50%-->
<param name="mute" value="0"><!--是否静音--
<param name="uiMode" value="mini"><!--播放器显示模式:Full显示全部;mini最简化;None不显示播放控制,只显示视频窗口;invisible全部不显示-->
<param name="windowlessVideo" value="0"><!--如果是0可以允许全屏,否则只能在窗口中查看-->
<param name="fullScreen" value="0"><!--开始播放是否自动全屏-->
<param name="enableErrorDialogs" value="-1"><!--是否启用错误提示报告-->
<param name="SAMIStyle" value><!--SAMI样式-->
<param name="SAMIFilename" value><!--字幕ID-->
……………………
等等等
embed元素和对象含义为允许嵌入任何文档。它的注释是：必须出现在文档的 BODY 元素内。用户需要在计算机上安装了能够查看此种数据的应用程序。
在 Internet Explorer 3.0 及以上版本的 HTML 中以及在 Internet Explorer 4.0 及以上版本的脚本中可用。它是一个内嵌元素。需要关闭标签。
用户需要在计算机上安装了能够查看此种数据的应用程序。在这段代码中为对象引出，设置或获取要由对象装入的 URL。
通俗的说embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等，Netscape及新版的IE 都支持。 url为音频或视频文件及其路径，可以是相对路径或绝对路径。
比如：embed src="images/logo.swf"
<area>它的定义是一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL也就是地图作用区域标记。主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面，COORDS 值的格式取决于 SHAPE 标签属性的值，也就是它的坐标，后面的就是它所关联的地址了。
overflow:hidden 定义文本超出容器时影藏
        scroll 定义超出部分显示滚动条
text-overflow:clip 默认值。不显示省略标记(...)，而是简单的裁切
            ellipsis 当对象内文本溢出时显示省略标记(...)
Textoverflow:clip,不显示省略标记（。。。）而是简单的裁剪；
          Ellipsis文本溢出时显示省略标记（。。。），使用该标签值必须设定：
                                              White:nowrap强制文本在一行内显示；
                                              Overflow:hidden溢出内容为影藏。如 下：
.class{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:250px; background:#ccc;}
Background-image:背景图像，通过background-position达到精确定位
background-position:40px 15px;40px指距离左边框位置，15px指距离顶部边框位置
html 中指定的url链接图片通过margin-top/left属性值进行定位（图片插入后默认是top left）
表单：
<form id="form1" name="form1" method="post" action="">
  <input type="image" name="button" id="button" src="images/button.gif" />
  <label>ID<input type="text" name="textfield" id="name" /></label>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。