隨筆-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 紫蝶∏飛揚↗ 閱讀(1491) 評論(0)  編輯  收藏 所屬分類: div+css+js代碼
          主站蜘蛛池模板: 依安县| 民县| 都江堰市| 宁夏| 藁城市| 阿瓦提县| 隆昌县| 神木县| 金坛市| 中牟县| 荔波县| 呼图壁县| 双鸭山市| 吉水县| 呼玛县| 土默特右旗| 壶关县| 金川县| 同德县| 易门县| 永春县| 万全县| 尚义县| 青川县| 上栗县| 星座| 江孜县| 颍上县| 班玛县| 双城市| 白玉县| 锦州市| 武胜县| 丰原市| 栖霞市| 龙陵县| 昭觉县| 小金县| 内江市| 靖西县| 班戈县|