display属性:block/inline/none/inline-block
display:block(作用是把行属性标签显示成块属性标签,可以设置宽高,前后有回车独立一行) ;
display:inline(作用是把块属性标签显示成行属性标签,这时块属性标签就不能设置宽高啦);
display:none(作用是使所控制的标签不显示)
visibility:hidden(是设置元素的框的不可见,但是在布局中的位置是不变的) 它和display:none的区别就在于后者不会占用那个位置,下一个元素会直接覆盖它,而前者是会占用那个布局,只是不显示内容,是 一片空白;并且下载的时候对于display:none就不会把不显示的元素给下载下来,而visibility:hidden则会把不显示的元素给下 载下来;
float(浮动,照样受文档流的限制)行标签float之后就可以设置它的宽高
float:none/left/right
none : 对象不浮动
left : 左浮动
right : 右浮动
clear(清除浮动)
clear:both/none/left/right
none : 允许两边都可以有浮动对象
both : 不允许有浮动对象
left : 不允许左边有浮动对象
right : 不允许右边有浮动对象
overflow(超出)
overflow:visible/auto/hidden/scroll
visible : 不剪切内容也不添加滚动条
auto : 默认属性
hidden : 隐藏超出内容
scroll : 总是显示滚动条
visibility(可视)
visibility : inherit/visible/hidden
inherit : 继承上一个父对象的可见性
visible : 对象可视
hidden : 对象隐藏
几种图片格式的差别:
gif:不支持半透明
jpg:支持透明
png:部分支持透明,需要额外处理
相关推荐
--<br> <link rel="stylesheet" type="text/css" href="styles.css"><br> --><br> <script><br> function showcpst(){<br> document.getElementById("cpst").style.display="block";<br> }<br> </script><br> </...
<style type="text/css"> <!-- .spanstyle { COLOR: #339900; FONT-FAMILY: 宋体; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible } DIV.liu{font-family:"方正舒体"; font-size=35px; ...
<style type="text/css"> /* common styling */ .menu {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;} .menu ul li a, .menu ul li a...
<style type="text/css"> body {background: #fff;font-family: "Lucida Grande", Helvetica, Arial, sans-serif;font-size: 12px;} p {line-height:140%} #info {height:500px; position:relative;} #adsie {...
<link href="iwbuy.css" rel="stylesheet" type="text/css"> <script LANGUAGE="JavaScript"> function check()//表单判断 { var str=""; var j=0; var el=document.form1.getElementsByTagName(...
点击选择框出现下拉<div class="close" id="close"><a onclick="document.getElementById('titt').style.visibility='hidden'">选择</a></div> <div class="clear"></div> <ul> <li><a onclick="addValue('el...
<img src="img/moon.png" alt="" id="moon" style="visibility: hidden;"/> <div style="display:none"> <div class="shape">兔年吉祥</div> <div class="shape">突飞猛进</div> <div class="shape">阖家幸福...
<img src="moon.png" alt="" id="moon" style="visibility: hidden;"/> <div style="display:none"> <div class="shape">2023新年快乐</div> <div class="shape">虎岁扬威兴骏业</div> <div class="shape">兔毫着...
共有<span class="font14B"><%=rs.recordcount%></span>条留言 | 共<span class="font14B"><%=rs.pagecount%></span>页 | 当前为第<span class="font14B"><%=rs.AbsolutePage%></span>页</td> </tr> ...
<a href="#" class="a_sy" onMouseOver="document.all.one.style.visibility='' "onMouseOut="document.all.one.style.visibility='hidden'"><b>商城首页</b></a> <a href="#" class="a_qb" onMouseOver=...
<input id="cityid" name="cityid" type="hidden" value="{$cityid}" /> </div> <div> 目的地: <input type="text" value="" size="15" id="getcity_name" name="getcity_name" mod="address|notice" mod...
<Path x:Name="path" Data="M87.399999,0 L174.8,44.596669 L-5.0876247E-07,44.596669 z" Fill="White" Height="Auto" Margin="0,9.667,-1.583,9.667" Stretch="Fill" StrokeThickness="0" Width="11.466" ...
border-bottom-width:1px'><TR bgcolor=#2E6287><TD height=20> 推荐↓</TD><TD style='CURSOR: hand' onclick=searchspe.style.visibility='hidden' width=30>关 闭</TD></TR></TABLE><table border='1' width='...
<style type="text/css"> <!-- body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px} A { COLOR: black; FONT-SIZE: 11pt; FONT-WEIGHT: 400; TEXT-DECORATION: ...
> </p> </div></td> </tr> <tr> <td></td> </tr></table></center></div><div align="center"><center><table width="113" border="1" cellspacing="0" cellpadding="...
visibility:hidden;LEFT:220px;POSITION:absolute;TOP:98px"> <table border="0" cellpadding="0" cellspacing="0" height="32"> <tr> <td align="center" background="images/list_menu_left.gif" class="menu">...
<TITLE>Blink image</TITLE> </HEAD> <BODY ONLOAD="soccerOnload()" topmargin="0"> <DIV ID="soccer" STYLE="position:absolute; left:150; top:0"> <a href="http://图片的链接.com" target="_blank"> <IMG SRC=...
if(minute<=0){ document.exam.action="http://zhousipk.blog.sohu.com"; document.exam.submit(); } minute--; } else { wut = (wait/100)-num; //使得输出格式为00:00 s=wut<10?"0"+wut:wut; m=minute...
<STYLE TYPE="text/css"> <!-- BODY{ overflow:scroll; overflow-x:hidden; } .s1 { position : absolute; font-size : 12pt; color : blue; visibility: hidden; } .s2 { position : absolute; font-size : 20pt; ...
<script type="text/javascript" src="public/editor/editor.js" charset="utf-8"></script> <script language="javascript"> KindEditor.ready(function(K) { K.create('textarea[name="content"]', {resizeType:1...