神秘的 J2ee 殿堂

·古之学者必有师·做学者亦要做师者·FIGHTING·

div+css布局 技巧


超链接的那几个事件可以添加到页面的任何元素,有时可以代替onmouseover和onmouseout ,很方便
#box div:hover {background-color:blue;}
----------------------------------------------------------------------------------------------------------------------------------------------
css中书写表达式:
input {star : expression(
onmouseover=function(){this.style.borderColor="#060"
}
,
onmouseout=function()
{this.style.borderColor="#c00"})}

-----------------------------------------------------------------------------------------------------------------------------------------------
在通过div+css进行页面布局时,实现下面的效果:要注意:

css代码:
ul{
}

li
{
float
:left;
//当用float 控制li标签横向显示,用<div>来放每一行时,在第二行的第一个li标签要设置stlye的clear为left;这样才能正常分两行显示,如果把两个ul标签放在一个div中,用br换行的话就不用设置clear,但是这两行的间的行距会比较大
}
页面代码:
<div class="lineHeight">
<div>
<ul>
<li class="fontT">航班号</li>
。。。。。。
<li class="inputC">
<input id="flight" type="text" class="queryinput" size="17" maxlength="10" tabindex="20" />
</li>
</ul>
</div>
<div>
<ul>
<li class="fontT" style="clear:left;">旅客日期</li>
。。。。。。
<li class="fontT">
<input type="button" name="submit" value="查询(Q)" class="queryinput" accesskey="Q" 

onclick
="_retrieve();" tabindex="100"/></li>
</ul>
</div>
</div>

posted on 2008-07-14 15:11 月芽儿 阅读(278) 评论(0)  编辑  收藏 所属分类: J2EE学习心得


只有注册用户登录后才能发表评论。


网站导航:
 

导航

统计

常用链接

留言簿(2)

随笔分类

随笔档案

相册

搜索

最新评论

阅读排行榜

评论排行榜