ホーム>Web デザインのチュートリアル> CSS チュートリアル
CSS チュートリアル
  • CSSスライディングドアテクノロジーとは

    CSSスライディングドアテクノロジーとは

    さまざまな特殊な形状の背景を要素内のテキスト コンテンツに適応させ、自由に伸縮およびスライドさせることができます。リンクの背景とリンクテキストに十分な幅の背景画像を同時に設定し、一方を左に、もう一方を右に伸ばします。
    2022-05-27
  • CSSスプライト技術とは

    CSSスプライト技術とは

    ページ内に散在する背景画像をすべて 1 つの大きな画像に集め、その大きな画像を Web ページに使用します。ユーザーがページにアクセスするとき、サーバーにリクエストを送信する必要があるのは 1 回だけです。背景の目的の部分を正確に配置するには、background-position などのプロパティを直接使用します。
    2022-05-27
  • CSSの重み計算ルール

    CSSの重み計算ルール

    重量を表すには 4 桁の文字列を使用します。各数字はレベルを表し、レベルは左から右に減少し、レベル間のキャリーはありません。継承されたスタイルの重みは 0 です。インライン スタイルは、すべてのセレクターよりも大きな重みを持ちます。
    2022-05-27
  • CSSの3大特徴

    CSSの3大特徴

    カスケードの場合、スタイルの競合がある場合、CSS の記述順序が優先され、最終的なスタイルが優先されます。継承では、子タグは親タグの一部のスタイルを継承します。優先度。2 つ以上のルールが 1 つの要素に同時に適用される場合、重みを考慮する必要があります。
    2022-05-26
  • CSSセレクターを使用するための仕様

    CSSセレクターを使用するための仕様

    セレクターをグループ化する場合は、個々のセレクターをそれぞれの行に配置します。セレクター内の属性に二重引用符を追加します。 5 つのセレクタ レベルを超えないことが最善です。各セレクターは独自の列を占有し、最後のセレクターを除く列内のすべてのセレクターはカンマで終わります。
    2022-05-26
  • CSSのalign-self属性とは何ですか

    CSSのalign-self属性とは何ですか

    align-self 属性は、フレックス項目の交差軸 (垂直軸) 方向の配置を個別に定義します。 align-self には追加の auto (デフォルト値) があり、フレックス コンテナから継承された align-items 属性値を表します。
    2022-05-26
  • CSSのflex-shrink属性とは何ですか

    CSSのflex-shrink属性とは何ですか

    フレックスシュリンクとは、フレックス コンテナーのスペースがなくなったときの単一要素の収縮率を指します。負の値はサポートされていません。デフォルト値は 1 です。これは、すべてのフレックス項目がデフォルトで縮小することを意味します。 0 に設定すると、収縮は行われず、元の幅が維持されます。
    2022-05-26
  • CSSのflex-growプロパティとは何ですか

    CSSのflex-growプロパティとは何ですか

    Flex-grow は、Flex 項目が占める幅を拡張することを指します。拡張されたスペースは、要素を除外した後の残りの空白スペースです。負の値はサポートされておらず、デフォルト値は 0 です。これは、残りの空白が幅を拡張するために占有されないことを意味します。
    2022-05-26
  • CSSのflex-directionプロパティとは何ですか

    CSSのflex-directionプロパティとは何ですか

    フレックス方向は、左から右、右から左、上から下、下から上など、子の全体的なレイアウト方向を制御するために使用されます。内部要素をフレックス コンテナ内でどのようにレイアウトするかを指定し、主軸の方向 (順方向または逆方向) を定義します。
    2022-05-26
  • CSSのflex-wrapプロパティとは何ですか

    CSSのflex-wrapプロパティとは何ですか

    flex-wrap 属性は、フレックス項目を行または列に分割できるかどうかを指定します。 3 つの値、nowrap デフォルト値、ラップ幅オーバーフローとラップ表示、ラップ反転幅オーバーフローラップ表示を受け入れます。
    2022-05-21
  • CSSの単語間隔とは何ですか

    CSSの単語間隔とは何ですか

    word-spacing 属性は、HTML ページ内のタグまたは単語間の距離を設定するために使用されます。この属性は英語では有効ですが、中国語では無効です。単語間隔の属性値には、標準、長さの値、パーセントの 3 種類があります。
    2022-05-19
  • CSSコードの標準化

    CSSコードの標準化

    インデントには 4 つのスペースを使用します。各宣言ブロックの左中括弧の前にスペースを追加します。宣言ブロックの右中括弧は個別に設定する必要があります。各宣言ステートメント: 後にスペースを挿入し、前にはスペースを挿入しません。すべての宣言文はセミコロンで終わり、省略できません。
    2022-05-13
  • CSSの通常の兄弟セレクターを理解する方法
  • CSS チュートリアル スーパー クイック スタート チュートリアル

    CSS チュートリアル スーパー クイック スタート チュートリアル

    CSS は、HTML (標準汎用マークアップ言語のアプリケーション) や XML (標準汎用マークアップ言語のサブセット) などのファイル スタイルを表現するために使用されるコンピュータ言語です。
    2022-05-07
  • div を垂直方向に中央揃えするためのいくつかの方法