CSS スタイル分類入門（基礎知識）
|
CSSスタイルの分類 1. 内部スタイル ---- インラインスタイル スタイルタグの使用 <スタイル タイプ="text/css"> /* スタイル */ </スタイル> もう1つのコツを学びましょう。ページの共通スタイル（多くない場合）をスタイルタグに記述します。 2. インラインスタイル タグのスタイル属性に直接記述する
<div style="color:red;">
私は箱です</div>もう1つのトリックを学びましょう: 通常、バックエンドプログラマーがページを変更するために使用します 3. 外観スタイル 新しいCSSファイルを作成し、それをHTMLページに関連付けます a) タグの関連付けを使用する <!-- HTML の head タグ内 --> <link rel="stylesheet" type="text/css" href="cssファイルパス"> b) 使用説明書の関連付け
<スタイル タイプ="text/css">
/* スタイルタグ内 */
@import url("css ファイルパス")
</スタイル>もう1つのコツ: プロジェクトで最もよく使われる外部スタイルとリンクタグ 3つのスタイルシートの概要
知識ポイント補足: CSS スタイル分類 CSSスタイルは、インラインスタイル、内部スタイルシート、外部スタイルシートの3つのカテゴリに分けられます。 1. インライン スタイル (スタイルは HTML タグ内に記述され、タグの内容に対してのみ機能します)
2. 内部スタイル（スタイルは HTML のヘッドタグの間に記述され、HTML のコンテンツにのみ適用されます）
<html>
<ヘッド>
<タイトル></タイトル>
<スタイル タイプ="text/css">
本文{フォントサイズ:12px}
</スタイル>
</head>
<本文></本文>
</html>3. 外部スタイル（スタイル参照はヘッドタグの間に記述され、CSSファイルを参照するWebページで機能します）
<html>
<ヘッド>
<タイトル></タイトル>
<link href="common.css" rel="スタイルシート" type="text/css">
</head>
<本文></本文>
</html>CSSスタイルでは、#はIDセレクターを表し、.はクラスセレクターを表します。
要約する CSSスタイルの分類紹介（基礎知識）の記事はこれで終わりです。CSSスタイルの分類に関するより詳しい内容は、123WORDPRESS.COMの過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも123WORDPRESS.COMをよろしくお願いいたします。 |
<<: VueはOpenLayersを使用してTiandi MapとAmapを読み込み
>>: vue プロジェクトのデプロイと Nginx でのプロキシ設定の問題の分析
推薦する
Nginx リバース プロキシと負荷分散を実装する方法 (Linux ベース)
ここで nginx のリバース プロキシを試してみましょう。リバースプロキシ方式とは、インターネット...
JavaScript はモーダルボックスのドラッグ効果を実現します
これはモーダル ボックスのドラッグのケースです。ここで実装する関数は次のとおりです。 1. ポップア...
WeChatミニプログラムでのマップの正しい使用例
目次序文1. 準備2. 実際の戦闘2.1 ミニプログラムの権限を設定する2.2 カプセル化ツールの機...
Innodb システムテーブルスペースのメンテナンス方法
環境説明:実行中の MySQL 環境があります。以前の構成ファイルの設定が単純すぎたため (inno...
マークアップ言語 - アンカー
前: マークアップ言語 - フレーズ要素 オリジナルソース 第 7 章 アンカーHTML のリンクの...
iframe なしの div ネスト HTML
最近、宿題をしているときに、iframe を使用せずにページをネストする必要があったため、jquer...
MySQL インデックスの長所と短所、およびインデックス作成のガイドライン
1. インデックスを作成する理由（メリット）インデックスを作成するとシステムのパフォーマンスが大幅に...
MySQLのROUND関数の丸め演算における落とし穴の分析
この記事では、MySQL の ROUND 関数を使用した丸め操作の落とし穴を例を使って説明します。ご...
インライン要素とブロック要素とは何ですか?
1. インライン要素はコンテンツの幅のみを占めますが、ブロック要素はコンテンツの量に関係なく行全体を...
vue+px2rem（rem適応）を使用してPCで大画面適応を実装するためのサンプルコード
構成の序文プロジェクト構築: vue-cli3 をベースに構築、rem 適応には postcss-p...
Vue フィルター、ライフサイクル関数、vue-resource の簡単な紹介
1. フィルター例： <!DOCTYPE html> <html lang=&qu...
Linux システムでログを手動でスクロールする方法
ログローテーションは、Linux システムでは非常に一般的な機能です。ログローテーションは、システム...
MySQL で削除されたレコードが有効にならない理由のトラブルシューティング
オンライン MySQL トランザクションの問題の記録先週の金曜日、大きなテーブルを削除する操作を実行...
この構成ファイルの排他ロックに失敗したという VMware 仮想マシンのプロンプトの解決方法
VMware が異常シャットダウンした後、再起動すると「この構成ファイルを排他的にロックできませんで...
入力ボックスのプレースホルダーアニメーションと入力検証を実現する純粋なCSS
さらに興味深いコンテンツについては、https://github.com/abc-club/free...