CSS の重要な知識のまとめ

1 概要

1. CSS とは何ですか?

カスケードスタイルシートであるCascading Style Sheetは、ページコンテンツの表示スタイルを設定するために使用されます。

CSSを使用する理由と利点は何ですか?

1: [コンテンツ]と[パフォーマンス]を分離し、テキスト情報のみをHTMLファイルに格納し、スタイル部分を独立したスタイルファイルに配置します。このページはより検索エンジンに優しいものになっています。

2: ページの閲覧速度を向上します。CSS レイアウトを使用したページの容量は、一般に TABLE レイアウトのページ ファイル容量よりもはるかに小さくなります。

3: 保守と修正が簡単。対応する CSS ファイルを変更するだけで、Web サイトのページ全体を再設計できます。

4: CSS レイアウトの使用は、現在の W3C 標準に準拠しています。W3C 組織は、HTML、CSS、XML などの標準を策定する非営利団体です。

CSS スタイルシートを呼び出すにはどのような方法がありますか?

1. 内部スタイル: CSS スタイルシートを 形式にします:

2. 要素に複数のスタイルを追加します

1 つの要素で複数のクラスを定義できます同時に、class="xxx01 xxx02" のように、異なるクラスをスペースで区切ります。

3. 子要素にスタイルを追加します

子要素のスタイルを設定する方法: 親要素 + スペース + 子要素 {} (通常は ID + クラス)。

2 共通属性

1. テキスト

• text-align:center: テキストは中央揃えになります。

2. インナーパッチ

• パディング: インナーパッチ、つまり内部の幅。形式: パディング: 5 ピクセル (1 つの値または 4 つの値を定義できます)。隣接する要素とその境界線の間の距離を設定するために使用されます。

  3. 外側パッチ

マージン: オブジェクトと他のオブジェクトの間の空白スペースを増加または減少させます。そのため、使用方法は外側パッチと呼ばれます。インナーパッチのパッドと同じです。

• 4. レイアウト

オーバーフロー: オブジェクトの内容が指定された範囲を超えた場合の対処方法を設定します。

auto: 必要な場合にのみスクロール バーまたはシアーを使用します。

• hidden: 範囲外のコンテンツを表示しません。

• visible: デフォルト値、カットなし、スクロールバーなし。

• スクロール: 常にスクロールバーを表示します。

• 表示: オブジェクトの表示方法を変更します。

inline-block: オブジェクトをインライン オブジェクトとして扱い、オブジェクトのコンテンツをブロック オブジェクトとして扱います。通常、幅は位置合わせ用のオブジェクトの幅を設定するために追加されます。

• none: 非表示要素。この要素はスペースを占有しません。

• visibility:hidden: 非表示のオブジェクト、非表示のオブジェクトはまだスペースを占めています。

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