<br><param name="wmode" value="transparent"><br> <br>22、怎样使一个div层居中于浏览器中？<br> <br><style type="text/css"><br /><!--<br />div {<br />position:absolute;<br />top:50%;<br />left:50%;<br />margin:-100px 0 0 -100px;<br />width:200px;<br />height:200px;<br />border:1px solid red;<br />}<br />--><br /></style><br> <br>23、怎样使div背景透明？<br> <br>首先，需要这两个层都是兄弟关系，其次，这两个层都需要绝对定位。举个例子：<br><br><br><br><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><br><meta name="author" content="colinivy"><br><title> Colinivy's world</title><br><style type="text/css"><br /> body {<br /> font:normal 12px/30px Verdana; }<br /> #test {<br /> position:relative;<br /> width:400px;<br /> height:50px;<br /> }<br /> #inner {<br /> z-index:2;<br /> position:absolute;<br /> top:10px;<br /> left:10px;<br /> width:380px;<br /> height:30px;<br /> color:#003;<br /> font-weight:bold;<br /> text-align:center;<br /> }<br /> #transbox {<br /> z-index:1;<br /> position:absolute;<br /> top:0px;<br /> left:0px;<br /> width:400px;<br /> height:50px;<br /> background:#eef;<br />border:1px solid #a00;<br /> filter:alpha(opacity=40);<br /> -moz-opacity:0.4;<br /> opacity:0.4;<br /> }<br /></style><br><br><br> <div id="test">
<br> <div>
<br><p>这里很多的文字,这里很多的文字,这里很多的文字,这里很多的文字,</p>
<br> </div>
<br> <div id="transbox"></div>
<br> <div id="inner">
<br> BlueIdea,BlueIdea,BlueIdea <br> </div>
<br> </div><br><br><br> <br>24、怎样去掉选中时的虚线框？<br> <br>利用onfocus="this.blur();"例如：<a href="#" onfocus="this.blur();">测试</a><br> <br>25、ie6下png背景显示问题？<br> <br>针对ie6下png背景显示问题,CSS中可以这样解决:_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src=’http://www.0351zhuangxiu.com/uploads/images/bj.jpg’);<br> <br>26、文字与表单对齐方法？<br> <br>设置表单元素第一字体为Tahoma(Verdana系列也可),并设置vertical-align:middle.建设大家把这个约定写入CSS RESET中,能减小很多麻烦:<br>body,button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle}<br> <br>27、optgroup标签的用法？<br> <br>optgroup标签,鲜为人知,它对提升选择表单用户体验很有帮助。就是可以在有很多选项时,对这些选项分组：例子：<br><select id="selectId"><br><optgroup label="GROUP ONE">
<br><option value="1">one select</option>
<br><option value="2">two select</option>
<br>
</optgroup>
<br><optgroup label="GROUP TWO">
<br><option value="3">three select</option>
<br><option value="4">four select</option>
<br>
</optgroup>
<br></select><br> <br>28、文字与图片垂直居中对齐方法？<br> <br>为图片与文字的共同父元素所有的后代元素定义*{vertical-align:middle};例如:<br><p>我要的坚强<img  src="i/image.gif" alt="【web前端开发】浏览器兼容性处理大全_html/css_WEB-ITnose" ></p><br>只需定义p*{vertical-align:middle}即可使文字与图片同行垂直居中.<br> <br>29、文章标题列表中日期居右显示的两种方法？<br> <br>方法A相对方法B省资源,但比方法B要多写两句代码,使用时请视情况而定:<br>方法A：<br> <p>这是文章标题<span>2010-10-10</span></p><br>然后定义p和span的样式：<br>p{ position:relative}<br>p span{ position:absolute; right:0}<br>方法B:<br><p><span>2010-10-10</span>这是文章标题</p><br>然后定义span右浮动:<br>p span{float:right}<br> <br>30、ie6下max/min-width/height实现？<br> <br>ie6下max/min-width/height实现,_width: expression_r(this.width >600 ? “600px” : true);,height同理.<br> <br>31、空白外边距互相叠加的问题？<br> <br>一般通过添加透明边框或者1px的内边距避免；<br>其一,为外围元素定义透明边框.具体到本例,即在样式div中加入border:1px solid transparent;<br>其二,为外围元素定义内边距填充..具体到本例,即在样式div中加入padding:1px；<br>例如：<br><br><br><meta charset="utf-8"><br><title>空白边距叠加demo@Mr.Think</title><br><style><br />body{width:300px; font-family:'微软雅黑'; font-size:1em; text-indent:10px; line-height:1.25}<br />div{background:#a40000;margin:10px}<br />div p{background:#eee;margin:15px}<br /></style><br><br><br><div><p>空白边距叠加demo@Mr.Think</p></div><br><br><br> <br>32、网页设计中的默认字体<br> <br>font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;<br>说明：line-height采用1.5, 也就是18px. 这是淘宝视觉规范中定义的行高，对于12px字体，这个行高看起来很舒服。font-family默认采用Tahoma. Tahoma是英文Windows操作系统的默认字体，这个字体比较均衡，显示中英文混排很不错，是经久耐看的一款字体。<br> <br>33、浏览器兼容??常用的css hack<br> <br>（1）.title{ height:200px;<br> *height:200px;<br> _height:200px; }<br>（2）.title{ height:200px;<br> *height:200px !important;<br> *height:200px; }<br>（3）.title{ height:200px; }<br> *html.title{ height:200px;}<br> *+html.title{ height:200px;}    <p class="sycode"></p>  <p class="sycode"></p>  <p class="sycode">   </p><p class="sycode"></p>   <p class="sycode"></p>   <p class="sycode">   </p>   <p class="sycode"></p>   <p class="sycode"></p>