css3に関する記事一覧

  • CSS カーソル (マウス スタイル)

        Web をブラウジングする過程で、マウスをいくつかの要素に移動すると、それに応じてマウスのスタイルが変化します。たとえば、マウスがテキストをポイントすると、マウスのスタイルは大文字のIのように […]

  • CSS pseudo-class – 疑似クラスセレクター (詳細)

        疑似クラス(pseudo-class) は、W3C によって開発された一連のセレクターの特別な状態です。疑似クラスを通じて、ホバー (ホバー)、クリック (アクティブ)、および選択できないドキュメント内の要素など […]

  • CSS マージン (外側のマージン)

        要素のマージンとは、要素の境界線の周りの空白の領域です (境界線を除く)。この領域は background プロパティの影響を受けず、常に透明です。 要素の余白を設定する デフォルトでは、ma […]

  • CSS カラー設定 (6 方法)

        私たちが画面上で見るさまざまな色は、すべて赤(赤)、緑(緑)、青(青)の三原色で構成されており、この三色を異なる割合で混ぜ合わせることで、別の色が得られます。赤、緑、青の色の値は、色を最大限に制御できます。   […]

  • CSSレスポンシブレイアウト(アダプティブレイアウト)

        アダプティブ レイアウトとも呼ばれる CSS レスポンシブ レイアウトは、2010 年 5 月に Ethan Marcotte によって提案された概念です。このコンセプトは、モバイル端末での Web ブラウジング […]

  • CSS resize (要素のサイズを調整)

        ユーザーエクスペリエンスを向上させるために、非常に便利な resize 属性が CSS3 に追加されました.これにより、ユーザーは要素のサイズをドラッグして自由にスケーリングできます.それ以前は、同様の効果を実現 […]

  • CSS フレックス レイアウト (エラスティック レイアウト / エラスティック ボックス)

        Flex は Flexible Box の略で、「elastic layout」または「flexible box」を意味します. CSS3 の新しいレイアウト モードで、さまざまなページ レイアウトをシンプルで完 […]

  • 詳細CSSフィルター(フィルター)

        フィルターといえば、真っ先に思い浮かぶのは、PhotoShop などの描画ソフトで、写真を美しくすることができます。 CSS では、ぼかし効果、透明効果、色のコントラスト調整、色の反転など、さまざまな種類のフィル […]

  • CSS box-sizing: ボックスモデルの変更

        デフォルトでは、Web ページ内の要素の実際の幅または高さは、要素のコンテンツ領域の幅または高さ、パディング、および border プロパティのサイズに依存するため、要素のパディングの内容も考慮する必要があります […]

  • 詳細CSSトランジション(トランジション効果)

        通常、CSS のプロパティ値が変更されると、ブラウザーは対応するスタイルをすぐに更新します。たとえば、マウスが要素の上に置かれると、:hover セレクターによって定義されたスタイルが要素にすぐに適用されます。ト […]

  • CSS 3D トランジション (5 フォーム)

        CSS では、ページ上の要素の2D 変換に加えて、オブジェクト要素に対して 3D 変換を実行することもできます (ページを 3 次元空間と見なして、ページ上の要素を移動、回転、スケーリング、傾斜させます)。 . […]

  • CSS 2D 変換 (5 フォーム)

        CSS の 2D 変換を使用すると、移動、回転、拡大縮小、変形など、2 次元空間でいくつかの基本的な変換操作を実行できます。変換された要素は絶対配置要素に似ており、周囲の要素には影響しませんが、周囲の要素の重なり […]

  • CSS シャドウ効果 (2 つの方法)

        影の効果は Web デザインでよく使用され、要素を非常にうまく強調することができます.CSS3 が登場する前は、画像を使用してテキストや要素に影の効果を追加する必要があり、非常に不便でした. CSS3 の登場後、 […]

  • CSS gradient (カラー グラデーション) 10 分で始める

        CSS のグラデーションとは、2 つ以上の色の間の滑らかな遷移を指します. 過去には、グラデーション効果を実現するために事前に定義された画像を使用する必要がありました. CSS3 の登場後、それははるかに簡単にな […]

  • CSS border-image (境界線画像)

        要素の境界線には、「 CSS 境界線」セクションで紹介したいくつかのデフォルト スタイルを使用できます。また、CSS3 の border-image プロパティを通じて要素の境界線として画像を使用して、カラフルな […]

  • CSS の丸みを帯びた角 (border-radius) が完全に解決されました

        Webページを制作する過程で、角を丸くしたい場合がありますが、これまでの方法では、複数の背景画像を使って画像を切り抜き(デザイン案をページ化しやすいように絵にカットする)、角を丸くする方法がありました。 )。 C […]

  • CSS メディア クエリの包括的な分析 (@media)

        モバイル デバイスの急速な普及に伴い、ユーザーは従来のコンピューター システムで Web コンテンツを閲覧するだけでなく、スマートフォン、タブレット コンピューター、またはその他のさまざまなサイズのデバイスを使用 […]

  • CSS 透明度 (不透明度)

        「 CSS Color 」を学習する際に、rgba() と hsla() で色の透明度を設定できることはすでに学習しましたが、これらは色を定義しながら透明度を設定することしかできず、画像などの透明度を設定すること […]

  • CSS pseudo-element 疑似要素

        疑似要素(pseudo-element)は、セレクターの末尾に追加されるキーワードです。これにより、要素の ID またはクラス属性に頼ることなく、選択した要素の特定の部分のスタイルを定義できます。たとえば、擬似要 […]

  • CSS float (フローティング)

        フローティングにより、要素が元の位置を離れ、親要素のコンテンツ領域の境界または他のフローティング要素に触れるまで、親要素のコンテンツ領域内で左または右に移動する可能性があります。さらに、フローティング要素の後に定 […]

  • CSS z-index: 要素の積み重ね

        通常、HTML Web ページは 2 次元の平面であると考えるかもしれません。これは、ページ内のテキスト、画像、またはその他の要素が特定の順序でページ上に配置され、各要素間に重複することなく一定のギャップがあるた […]

  • CSS position(位置)の配置について (5 つの異なる配置方法を紹介)

        CSS のposition 属性は、ページ上の要素の位置を設定するために使用されます。これにより、適切と思われる任意の位置に任意の属性を配置できます。 position 属性には、次のように、5 つの異なる配置方 […]

  • CSS display(要素表示タイプ)

        display 属性は、CSS で最も重要な属性の 1 つです. 主に要素のレイアウトを制御するために使用されます. display 属性を使用して、要素を表示するかどうか、およびどのように表示するかを設定できま […]

  • CSS visibility (要素の可視性)

        The visibility attribute in CSS is used to set whether an element is visible. You can use this attribute w […]

  • CSSカウンターの集中講義

        CSS のカウンターは、単純なカウント機能を実装して結果をページに表示できる変数に似ており、初期の Web サイトで広く使用されています。カウンターを実装するには、次のプロパティが必要です。   counter- […]

  • CSS スクロールバーのスタイル (オーバーフロー)

        「 CSS Box Model 」セクションの学習を通じて、ページ上の各要素は長方形のボックスと見なすことができ、CSS を使用してボックスのサイズ、位置、およびその他の情報を制御できることがわかりました。デフォ […]

  • CSS スプライト マップ (スプライト)

        ユーザーが Web サイトにアクセスすると、ブラウザーは一連の要求をサーバーに送信します。たとえば、Web ページ上の各画像は、最終的にユーザーに表示される前に 1 つの要求を通過する必要があります。ただし、We […]

  • CSSの(アウトライン)

        アウトライン (アウトライン) は、次の図に示すように、主に要素を強調するために使用される、境界線の周辺 (境界線に近い) にある要素の周りに描かれた線です。   アウトラインとボーダーはよく似ていますが、違いが […]

  • CSS パディング (内側のマージン)

        パディングとは、要素のコンテンツ領域と境界線の間の領域を指し、外側のマージンとは異なり、内側のマージンは background プロパティの影響を受けます。次のプロパティを使用して、要素のパディングのサイズを設定 […]

  • CSS 幅と高さ (幅と高さ)

        CSS の size プロパティは、要素の幅と高さのプロパティを参照するもので、非常にシンプルですが、マスターしなければならないスキルです。 CSS には、要素の幅と高さを設定するために、幅、高さ、最大幅、最小幅 […]

  • CSSボックスモデル集中講義

        ボックスモデルは、Webデザインでよく使われる思考モデルです. 内側から外側に向かって、コンテンツ、パディング、ボーダー、マージンの4つの部分で構成されています. CSSは、これら4つの部分に関連する一連のプロパ […]

  • CSS リストスタイル (リストスタイル)

        リストは、ナビゲーション メニュー、ニュース リスト、製品カテゴリなど、Web ページのさまざまな場所で使用されます。リストを簡単に設定するために HTML でいくつかの属性を使用することに加えて、CSS は、次 […]

  • CSS テーブル スタイル (表)

        Web ページでは通常、表を使用して成績表や財務諸表などのデータを表示しますが、デフォルトでは、表のスタイルは美しくないか、ページのスタイルに適合していません。 CSS には、テーブルのスタイルを変更してテーブル […]

  • CSS ボーダースタイル (border)

        CSS の境界線は、要素のコンテンツとパディングを囲む 1 つまたは複数の線分であり、スタイル、幅、および色をカスタマイズできます。次のプロパティを使用して、境界線のスタイル、幅、および色を定義できます。   b […]

  • CSSリンクスタイル(4種類)

        リンクはウェブサイトの重要な部分です. ほとんどすべてのウェブページに多くのリンクが表示されます. リンクスタイルの合理的なデザインは、ウェブページの外観にポイントを追加できます.リンクには、リンク、訪問済み、ア […]

  • CSS テキストの書式設定

        CSS のテキスト プロパティを使用すると、Word 文書のような日本語版 Web ページの文字間隔、配置、インデントなどを定義できます.CSS で一般的に使用されるテキスト プロパティは次のとおりです。   t […]

  • CSS フォント スタイル (フォント)

        上記で紹介した背景に加えて、フォントの設定もWebデザインの重要な部分であり、適切なフォントはページをより美しくするだけでなく、ユーザーエクスペリエンスを向上させます。 CSS は、フォントの変更、フォントのサイ […]

  • CSS背景(背景)

        Web ページを作成するとき、Web ページをより美しくし、訪問者の注目を集めるために、Web ページに背景色と背景画像を追加する必要があることがよくあります。 CSS は、次のように、HTML 要素の背景効果を […]

  • CSS の長さの単位のまとめ

        これまでの研究で、CSS スタイルはセレクター、属性、値の 3 つの部分 (たとえばp{width: 100px;} ) で構成され、値を設定する際に値に対応する単位が関与する可能性があることがわかっています。属 […]

  • CSS コメント (例付き)

        コードにコメントを合理的に追加することは非常に良い習慣です. コメントを介してコードを説明できます (特定のコードの機能と使用法を説明するなど), ブラウザはその内容を自動的に無視します.コメント。コメントは開発 […]

  • HTML リファレンス CSS (4 メソッド)

        CSS スタイルを本当に効果的にするには、HTML で参照する必要があります。以下に紹介しよう。   1. 埋め込みスタイル シート HTML head の<style>タグ ( <head&g […]

  • CSS セレクター

        セレクターは、スタイルを定義する HTML 要素を指定するために、HTML 要素の ID、クラス属性、または要素名自体と、いくつかの特殊な記号で構成されます。セレクターは CSS スタイル ルールの重要な部分です […]

  • CSS 文法規則

        CSS スタイルは、Web ブラウザーによって解析され、HTML ドキュメントの対応する要素に適用される一連のルールで構成されます。 CSS スタイル ルールは、セレクター、プロパティ、および値の 3 つの部分で […]

  • CSSとは

        CSS とは「Cascading Style Sheet」の略で、日本語で「カスケード スタイル シート」を意味し、Web ページの外観 (Web ページ要素の位置、サイズ、色など) を記述するために使用される標 […]