display&position

display:block　将子对象作为块对象呈递。很多内联样式的效果，需要用到display。
<style type="text/css">#photo a img{border:3px solid #FF6600; }#photo a:hover {display:block;} /**若不加此句，则内联对象img的样式不会显示**/#photo a:hover img{ border:2px solid blue;}</style><a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/logos.gif');"><img src="/UploadFiles/2021-04-02/logos.gif" alt="display&position" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
position　内容的尺寸根据布局尺寸确定对象的尺寸。
<P><style type="text/css">#text{position:relative;} /**若没有，则内联对象不显示。若为block，会作为块级元素而使虚线过长。posigion时，长度由text的内容决定。**/#text span{width:200px; height:20px;border-bottom: 1px dashed #000000 ;}</style></P> <P> 示例文字 下划线样式 </P>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]