CSS 概要_html/css_WEB-ITnose

1. CSS は 内に記述する必要があります。

2.属性と値で構成されます。構成、形式の例: div{color:red;}

3. 一般的に使用されるセレクターは、ラベル セレクター (タイプ セレクター)、クラス セレクター (クラス セレクター)、ID セレクター、子孫セレクター、組み合わせ選択、および並列です。セレクターなど

4. クラス セレクターと ID セレクターの違いは、クラスはスタイル内で再利用できることですが、ID は個人の ID カードのようなものであり、一意であるため、再利用できないことです

5. レイヤーのセンタリング 重要なポイント: 1. 幅があります。 2. 左右の外側のパッチは auto である必要があります (例: div{width:200px; margin:auto;})。

6. 境界線の 3 つの要素: 色、サイズ、形状 (例: div) {border:#F00 1px Solid;}

7. 高さ = 行の高さ。たとえば、div{height:200px; line-height:200px;}

8.インライン ラベルが占めるスペースは、コンテンツ (a、span など) によって異なりますが、ブロック レベルのタグは、コンテンツ (div、span など) の多寡に関係なく、行全体を占有します。 p)。インラインタグは一般的に

width と height をサポートしていないため、必要に応じて植字プロセス中のレイアウトにブロックレベルのタグが使用され、行要素をブロック要素に変換できます。

9. ブロックレベルのタグを同じ行にタイプセットする必要がある場合は、それらに float:left ルールを追加するだけです

10. 背景画像はデフォルトでタイル表示されます (繰り返しとも呼ばれます)。背景画像を水平に配置します。右、垂直中央に配置します。繰り返さない場合は、background:url(bg.jpg) 右中央 no-repeat と記述できます。

12. 優先順位アルゴリズム: セレクターの合計スコアが高いほど、優先順位が高くなります。 100 ポイント/ID セレクター 10 ポイント/クラス セレクター 1 ポイント/ラベル セレクター スコアが等しい場合、後者が前のものをカバーします (近接原理)

13. float をクリアするには 4 つの一般的に使用される方法があります

1) 追加親レイヤー サブレイヤー

Where.clear{clear:both;}

欠点: 空のノードが 1 つ増えます

2) 親レイヤーに高さを追加します

欠点:コンテンツの高さには適さない 不確実な状況

3) 父親レイヤーに float 属性を追加する

欠点: 父親レイヤーを中央に置く必要がある状況には適さない
4) 父親に overflow:hidden
; を追加するレイヤーの欠点: _height:1%; 書き込み方法が W3C 仕様に準拠していません

14. ラベル内に複数行のテキストがある場合、ラベル (コンテナ) と別のラベルの間の距離は決まります。テキストの各行間の距離は、line-height

15 によって実現されます。行の高さの特徴は、テキストの上下の余白が等しくなることです。コンテナーであり、コンテナーの高さが line-height に等しい場合、テキストは垂直方向に中央揃えにすることができます