CSSの使い方スキルまとめ

垂直方向の中央揃えには line-height を使用します

line-height:24px;
固定幅のコンテナーを使用し、行を垂直方向の中央揃えにする必要がある場合は、 line-height を使用します (高さは親レイヤーのコンテナーと同じです)。垂直方向のセンタリングの概要については、こちらをご覧ください。

クリアコンテナフロート

#main { 
overflow:hidden; 
}

この問題については以前にも言及しました。詳細については、こちらをご覧ください。

リンクを折り返さないでください

a { 
white-space:nowrap; 
}

上記の設定でリンクの折り重ねを回避できますが、個人的には長いリンクには対応する行を設けることをお勧めします (改行についての議論については、円の中央のレコードを参照してください)。

Firefox に常にスクロール バーを表示させる

html { 
overflow:-moz-scrollbars-vertical; 
}

Mozilla/Firefox のプライベート CSS プロパティの詳細については、ここを参照してください。クロスブラウザーをサポートするには、

body, html { 
min-height:101%; 
}

を使用してブロック要素を水平方向に中央揃えにすることもできます

margin:0 auto;
実際には、

margin-left: auto;
margin-right: auto;このテクニックは基本的にすべての CSS の教科書で説明されていますが、幅を追加することを忘れないでください。エクスプローラーで

body{ 
text-align: center; 
}

を使用して、内部コンテナー

text-align: left; を定義することもできます。

Exploer テキストエリアのスクロール バーを非表示にする

textarea { 
overflow:auto; 
}

Exploer テキストエリアにはデフォルトで垂直スクロール バーがあります (理由は聞かないでください)。

印刷ページングを設定する

h2 { 
page-break-before:always; 
}

page-break-before 属性は、Web ページを印刷するときにページングを設定できます。

リンク上の点線フレームを削除する

a:active, a:focus { 
outline:none; 
}

Firefox は、リンクがフォーカスされる (またはクリックされる) とデフォルトで点線フレームを追加しますが、これは上記の属性を使用して削除できます。

最も簡単な CSS リセット

* { 
margin: 0; padding: 0 
}

以上がCSSの使い方スキルまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。