現在位置：ホームページ > 技術記事 > 毎日のプログラミング > CSSの知識
-
- CSSでのhrefの使い方
- CSS では、href の正式名は Hypertext Reference で、リンクのターゲットを指定するために使用されます。その構文は href="URL" で、次の目的で使用できます。 外部ファイル (スタイル シートなど) をリンクする ページ内リンクを作成する 外部画像を参照する 背景画像を設定する
- CSSチュートリアル . ウェブフロントエンド 931 2024-04-28 15:27:13
-
- CSSでコメントを書く方法
- CSS のコメントは説明を追加するために使用され、スタイルには影響しません。 / コメント テキスト / 構文で始まり、/ で終わります。 CSS コメントには、単一行 (//コメント テキスト) と複数行 (/コメント テキスト */) の 2 種類があります。コメントを使用して、コードの目的を説明し、変更を記録し、詳細情報を提供し、コードのブロックを無効にします。ベスト プラクティスには、コメントを短く明確に保つこと、定期的にレビューすること、空白を追加すること、複数行のコメントを書式設定することが含まれます。
- CSSチュートリアル . ウェブフロントエンド 511 2024-04-28 15:24:13
-
- CSSでトランスフォームを使う方法
- CSS のtransformプロパティは、移動、拡大縮小、回転、傾斜などの要素の幾何学的変換を実行するために使用されます。その使用法には以下が含まれます。 変換:translateX(x)/translateY(y)/translate(x, y) スケーリング:scaleX(x)/scaleY(y)/scale(x, y) 回転:rotate(angle)/rotateX(angle) )/rotateY(角度)/rotateZ(角度) 傾き: skewX(角度)/skewY(角度)
- CSSチュートリアル . ウェブフロントエンド 924 2024-04-28 15:21:18
-
- CSSのオーバーフロー属性の値は何ですか?
- CSS オーバーフロー属性は、要素のコンテンツがどのようにオーバーフローするかを制御します。1. 表示: 境界を超えて表示されます。2. 非表示: オーバーフロー コンテンツが表示されません。3. スクロール: スクロール バーを追加します。4. 自動: スクロール バーを追加します。固定幅および固定高さの要素に適用されます)。
- CSSチュートリアル . ウェブフロントエンド 496 2024-04-28 15:18:12
-
- CSSでのオーバーフローとはどういう意味ですか
- オーバーフローは、要素コンテンツがコンテナを超えた場合の表示モードを制御するために使用される CSS のプロパティです。 使用可能な値には、次のものが含まれます。オーバーフローコンテンツを表示するためにスクロールバーが表示されます auto: スクロールバーを表示するかどうかはブラウザが自動的に決定します accept: 親要素のオーバーフロー属性を継承します
- CSSチュートリアル . ウェブフロントエンド 743 2024-04-28 15:15:24
-
- CSSのオーバーフロー属性の属性値とは何ですか？
- CSS のオーバーフロー属性には次の属性値があります。 表示: コンテンツが要素の境界線からはみ出ることを許可します。 非表示: オーバーフローしたコンテンツを非表示にします。 スクロール: スクロール バーを表示し、スクロールしてオーバーフローしたコンテンツを表示できるようにします。 auto: コンテンツがオーバーフローした場合はスクロール バーを表示します。それ以外の場合は表示されません。スクロールバー: オーバーフローがない場合でもスクロール バーを強制的に表示します。 overflow-x: 水平方向のオーバーフロー コンテンツを処理します。属性値はオーバーフローと同じです。 overflow-y: 垂直方向のオーバーフロー コンテンツを処理します。属性値はオーバーフローと同じです。
- CSSチュートリアル . ウェブフロントエンド 826 2024-04-28 15:12:12
-
- CSSでオーバーフローを使う方法
- CSS の overflow 属性は、要素のコンテンツが境界を超える方法を制御するために使用されます。指定可能な値には、visible、hidden、scroll、auto が含まれます。 overflow-x と overflow-y は、特に水平スクロールと垂直スクロールを制御します。これを使用して、スクロール可能なリストを作成したり、画像やビデオの表示方法を制御したり、特定の領域を超えたコンテンツを非表示にしたりできます。
- CSSチュートリアル . ウェブフロントエンド 706 2024-04-28 15:06:14
-
- CSSで行の高さを設定する方法
- CSS の行の高さの設定は、要素内のテキストの行間の高さを設定するために使用され、line-height 属性によって設定されます。設定方法は次のとおりです。 値: 固定高さ (ピクセルまたは単位値) パーセンテージ: 親要素のフォント サイズに基づくパーセンテージ 単位のない値: デフォルト値を設定する (標準) または親要素の行の高さを継承する (継承)
- CSSチュートリアル . ウェブフロントエンド 384 2024-04-28 15:03:13
-
- CSSのマージンとパディングの違い
- CSS では、マージンは要素と周囲の要素との間の距離を指定し、パディングは要素のコンテンツと要素の境界線との間の距離を指定します。どちらのデフォルト値も 0 で、マージンは要素の境界線の外側の領域に影響し、パディングは境界線の内側の領域に影響します。
- CSSチュートリアル . ウェブフロントエンド 486 2024-04-28 15:00:26
-
- CSSでのホバーとはどういう意味ですか
- :hover 疑似クラスは、マウスが要素上にあるときにスタイルを適用し、色の変更、境界線の追加、非表示のコンテンツの表示、アニメーションのトリガーなどの一般的な機能を作成するために使用されます。
- CSSチュートリアル . ウェブフロントエンド 901 2024-04-28 14:54:13
-
- CSSでの表示の意味
- CSS の表示属性は、要素の表示モードを定義します。 block: 行全体を占有し、新しい行を開始します。 inline: 他の要素との行、改行なし。幅と高さを設定できます。なし: いいえ表示フレックス: フレックスボックス レイアウトを使用、自由なレイアウト グリッド: グリッド レイアウトを使用、複雑な複数の列を作成します。
- CSSチュートリアル . ウェブフロントエンド 525 2024-04-28 14:51:14
-
- CSSでホバーを使う方法
- CSS の hover 疑似クラスはマウスオーバーでトリガーされ、要素の外観を変更するために使用されます。使用法には以下が含まれます: カラー サイズ バックグラウンド ボーダー テキスト シャドウ その他の CSS プロパティ
- CSSチュートリアル . ウェブフロントエンド 797 2024-04-28 14:45:24
-
- CSSのフレックスとはどういう意味ですか?
- フレックスボックスは、要素を柔軟にレイアウトするために使用される CSS のプロパティのセットであり、レイアウトを適切に制御できます。これには次の主な機能があります。 長軸と短軸の方向を定義します。コンテナ内の項目の配置、スペースの割り当て、配置を指定します。順序によって、コンテナ内の項目の順序が決まります。利点としては、応答性、柔軟性、使いやすさが挙げられます。これを使用する場合は、表示プロパティを flex または inline-flex に設定し、特定のプロパティを使用してレイアウトを制御する必要があります。
- CSSチュートリアル . ウェブフロントエンド 799 2024-04-28 14:42:16
-
- CSSのコンテナにはどのような属性がありますか?
- コンテナー属性は CSS でコンテナー要素を定義し、そのサイズ、レイアウト、コンテンツの配置 (サイズと位置: 幅、高さ、マージン、パディング) を制御できるようにします。レイアウト: 表示 (インライン、ブロック、フレックス、グリッド)。フレックス方向(行、列)。 justify-content(開始、終了、中央)。 align-items(開始、終了、中央)。コンテンツの配置: text-align (左、中央、右)、vertical-align (t
- CSSチュートリアル . ウェブフロントエンド 598 2024-04-28 14:36:18
-
- CSSでアクションを使う方法
- CSS の action キーワードは、マウスをホバーするか要素をアクティブにするときの動作を定義するために使用されます。構文: element:action { style-property: value }。これを :hover および :active 疑似クラスに適用して、要素の外観の変更、非表示の要素の表示、アニメーションの開始などのインタラクティブな効果を作成できます。
- CSSチュートリアル . ウェブフロントエンド 909 2024-04-28 14:30:21
ツールの推奨事項
jQuery エンタープライズ メッセージ フォームの連絡先コード
jQuery エンタープライズ メッセージ フォーム連絡先コードは、シンプルで実用的なエンタープライズ メッセージ フォームおよび連絡先紹介ページ コードです。
フォームボタン
2024-02-29
HTML5 MP3 オルゴール再生効果
HTML5 MP3 オルゴール再生特殊効果は、HTML5 + css3 に基づく MP3 音楽プレーヤーで、かわいいオルゴールの絵文字を作成し、スイッチ ボタンをクリックします。
プレイヤーの特殊効果
2024-02-29
HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果
HTML5 クールなパーティクル アニメーションのナビゲーション メニュー特殊効果は、ナビゲーション メニューにマウスを置くと色が変化する特殊効果です。
メニューナビゲーション
2024-02-29
jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード
jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コードは、jQuery およびブートストラップ フレームワークに基づいたビジュアル フォームです。
フォームボタン
2024-02-29
有機果物と野菜のサプライヤー Web テンプレート Bootstrap5
有機果物と野菜のサプライヤー Web テンプレート-Bootstrap5
ブートストラップ テンプレート
2023-02-03
Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus
Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus
バックエンドテンプレート
2023-02-02
不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5
不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5
ブートストラップ テンプレート
2023-02-02
かわいい夏の要素のベクター素材 (EPS+PNG)
これは、太陽、日よけ帽子、ココナッツの木、ビキニ、飛行機、スイカ、アイスクリーム、アイスクリーム、冷たい飲み物、浮き輪、ビーチサンダル、パイナップル、巻貝、貝殻、ヒトデ、カニを含む、かわいい夏の要素のベクター素材です。 、レモン、日焼け止め、サングラスなど、素材は JPG プレビューを含む EPS および PNG 形式で提供されています。
PNG素材
2024-05-09
4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)
これは、2023 年卒業バッジの赤いベクター素材で、合計 4 つがあり、JPG プレビューを含む AI、EPS、PNG 形式で利用できます。
PNG素材
2024-02-29
歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材（AI+EPS）
これは、さえずる鳥と花でいっぱいのカートをデザインした春のバナー ベクター素材で、JPG プレビューを含む AI および EPS 形式で利用できます。
バナー画像
2024-02-29
室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
家の装飾のクリーニングとメンテナンス サービス会社の Web サイト テンプレートは、家の装飾、クリーニング、メンテナンス、その他のサービス組織を提供するプロモーション Web サイトに適した Web サイト テンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
フロントエンドテンプレート
2024-05-09
フレッシュカラーの個人履歴書ガイドページテンプレート
フレッシュカラーマッチング個人求人応募履歴書ガイドページテンプレートは、フレッシュカラーマッチングスタイルに適した個人求人検索履歴書仕事表示ガイドページWebテンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
フロントエンドテンプレート
2024-02-29
デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
デザイナー クリエイティブ ジョブ履歴書 Web テンプレートは、さまざまなデザイナーのポジションに適した個人の職務履歴書表示用のダウンロード可能な Web テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
フロントエンドテンプレート
2024-02-28
現代のエンジニアリング建設会社のウェブサイトのテンプレート
最新のエンジニアリングおよび建設会社の Web サイト テンプレートは、エンジニアリングおよび建設サービス業界の宣伝に適したダウンロード可能な Web サイト テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
フロントエンドテンプレート
2024-02-28
