随笔-9  评论-168  文章-266  trackbacks-0
h1 {
display: block;
font-size: 2em;
font-weight: bold;
margin: .67em 0;}
h2 {
display: block;
font-size: 1.5em;
font-weight: bold;
margin: .83em 0;
}
h3 {
display: block;
font-size: 1.17em;
font-weight: bold;
margin: 1em 0;}
h4 {
display: block;
font-weight: bold;
margin: 1.33em 0;}
h5 {
display: block;
font-size: 0.83em;
font-weight: bold;
margin: 1.67em 0;}
h6 {display: block;font-size: 0.67em;font-weight: bold;margin: 2.33em 0;}
*************************************************************************************
table {
display: table;
border-spacing: 2px;             /*border-spacing 属性设置相邻单元格的边框间的距离(仅用于“边框分离”模式)。在指定的两个长度值中,第一个是水平间隔,第二个是垂直间隔。*/
border-collapse: separate; /* 除非 border-collapse 被设置为 separate,否则将忽略这个属性。 */ margin-top: 0; margin-bottom: 0; text-indent: 0; }
td {display:table-cell;padding:1px;text-align:inherit;vertical-align:inherit;} 

    <table border="1">                    /* DW页面设计中显示正常 */
      <tr>
      <td  width="26">td</td>
      <td  width="139">td</td>
      <td  width="60">td</td>
      </tr>
    </table>
        <table border="1">               /* DW页面设计中显示不正常 */
      <tr>
      <td style="width:26px;" >s</td>
      <td style="width:139px;" >s</td>
      <td style="width:60px;">s</td>
      </tr>
    </table>                     /* DW页面设计中显示不正常,推荐使用,节约代码 */
        </table>
        <table border="1">
      <colgroup>
      <col width="26" />
      <col width="139" />
      <col width="60" />
      </colgroup>
      <tr>
      <td >c</td>
      <td >c</td>
      <td >c</td>
      </tr>
    </table>
 
<td colspan="value"> :设置单元格可横跨的列数。rowspan:横跨的行数。span:跨度,两个界限之间的距离。
********************************************************************
 firefox ie 浏览器默认值(1em=16px)

(1)

ul{padding-left:40px;margin:1em 0;}   /* ul 标签上下外间距为16px;左内间距为40px; */
p,dl{margin:1em 0;}                           /* p,dl 标签上下外间距为16px; */
dd{margin-left:40px;}                         /* dd 标签左外间距为40px; */
firefox: ul dl,dl ul,.....{margin-top:0;margin-bottom:0;} /* 列表嵌套,IE中列表嵌套不设置此属性,依然是margin:1em 0; */  

<ul>,<dl> 列表标签一般不设置背景图片等样式,只设置margin,padding边距属性,样式属性只在<li>,<dt>,<dd>等设置。
表格里的<td>内部不需在添加块框,即添加背景只接用<td>样式即可。

2)IE中任何元素最小高度规定为19px,不可更改。解决方法:设置高度为19px以下的元素需指定overflow:hidden属性,间接的解决问题。

3) IE7中 <li> 最低高度为19px.

posted on 2009-10-16 13:28 紫蝶∏飛揚↗ 阅读(1484) 评论(0)  编辑  收藏 所属分类: div+css+js代码

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


网站导航:
博客园   IT新闻   Chat2DB   C++博客   博问