CSS学習メモ one_html/css_WEB-ITnose

1. すべてのスタイルをクリアするには、CSS の先頭で * {margin:0;padding:0;} を使用します

2. CSS の table, th, td {padding:0;} では、効果は同等です。

3. CSS では、テーブル {border-spacing: 0;} は、cellspacing="0" と同じ効果があります。

ただし、IE6 ではサポートされていないため、同様のテーブル {border を使用します。 -折りたたみ: 折りたたみ;}。注: まったく同じです。

4. table を使用してスライスされた画像を結合する場合、次の CSS で画像のギャップの問題を解決できます

table{width: 990px;height: 100%;line-height: 0;border-collapse: collapse;/*等同于cellspacing="0"*/padding:0;border:0;}th,td {  padding: 0;  }

5. div を使用して画像を結合する場合は、div {vertical-align を使用できます:top;outline-width :0;} 上下の隙間の問題を解決する

6. 子要素が margin-top を使用すると、親要素の背景画像が沈んでしまう問題は、次の方法で解決できます。

(1)、親要素にpadding-top: 1pxを追加します

(2)、子要素にfloat属性を追加します

(3)、親要素にposition:relativeを追加します。

を子要素に

(4) 親要素にborder-topを追加: 1px Solid #fff;