CSS (カスケーディング スタイル シート) は、HTML Web ページを美しくするために使用されます。 /*コメントエリア*/これはコメント構文です 1. スタイルシート 1. スタイルシートの分類 1.インラインスタイルシート HTML と共同で表示され、制御は正確ですが、再利用性が低く、冗長性が多くなります。 例: <p style="font-size:14px;">インライン スタイル シート</p> 2.埋め込みスタイルシート ウェブページに埋め込まれた独立した領域なので、headタグ内に記述する必要があります。 <スタイル タイプ="text/css"> p //このフォーマットはpタグで機能します { スタイル; } </スタイル> 3.外部スタイルシート スタイルシートを保存するための新しい CSS ファイルを作成します。 HTML ファイルでスタイルシートを呼び出す場合は、HTML ファイル内で右クリック → CSS スタイルシート → スタイルシートの添付 を選択する必要があります。一般的にはリンク接続方式が用いられます。 注: CSSファイルにスタイルタグを書く必要はありません。 一部のタグにはデフォルトのマージンがあり、通常はスタイルシート コードを記述するときに削除されます (他のスタイルも設定できます)。次に例を示します。 注: 上の図では、最初に余白と間隔が削除されています。 (ii) セレクタ 1.タグセレクター。タグ名をセレクターとして使用します。 2.クラスセレクター。それらはすべて「.」で始まります。 注: クラス セレクターをタグ セレクターと重ね合わせると、さまざまな効果を表示できます。 3.IDセレクター。 「#」で始まります。 注: ID セレクターをタグ セレクターと重ねて、さまざまな効果を表示できます。 <div id="スタイル名"> 4.複合セレクタ (1)2つの項目を区切って並列順序を示すには、「,」を使用します。 (2)スペースで区切られ、子孫を示す。 (3)フィルター「。」 2. スタイル属性 1. 背景と展望 1.背景: 2.前景フォント: 2. 境界と国境 境界線(表の境界線、スタイルなど)、余白(表の間隔)。パディング(コンテンツとセルの間隔)。 3. リストとブロック width 、 height 、 ( top 、 bottom 、 left 、 right ) は絶対座標の場合にのみ役立ちます。 CSS スタイルシート コードは次のようになります。 CSS ファイルコード: CSSコードコンテンツをクリップボードにコピー
HTML ファイルコード: XML/HTML コードコンテンツをクリップボードにコピー
実行効果は次のようになります: 上記記事「HTML 基礎必読 - CSS スタイルシートの総合理解」は、編集者が皆さんにシェアする内容の全てです。参考になれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 オリジナルURL: http://www.cnblogs.com/H2921306656/archive/2016/07/10/5658628.html |
<<: ウェブマスターが注目すべき、ウェブサイトのユーザビリティを向上させる 9 つのコード最適化のヒント
>>: JavaScript によるダイナミッククリスマスツリーの詳細な説明
序文Docker イメージは Dockerfile といくつかの必要な依存関係で構成され、Docke...
目次1. はじめに2. 利点3. 使用手順1. Vuexをインストールする2. Vuexを参照する3...
1.コマンドが見つかりません コマンドが見つかりません2. そのようなファイルまたはディレクトリは...
3D座標の概念要素が回転すると、その座標軸も一緒に回転します。注 -y方向の問題立方体を回転させる効...
序文最近、面接中に、MySQL の InnoDB エンジンがどのようにトランザクションを実装している...
1. 要素の幅/高さ/パディング/マージンのパーセンテージ基準要素の幅/高さ/パディング/マージンの...
最近、問題に遭遇しました。モバイル端末の絵文字や一部の絵文字は 4 バイトですが、UTF-8 は 3...
この記事の例では、ポップアップ効果を実現するためのjsの具体的なコードを参考までに共有しています。具...
序文最近、MySQL で RR レベルでデッドロック問題に遭遇しました。興味深いと思ったので、調べて...
Linux LVM論理ボリューム構成プロセスの詳細な説明多くの Linux ユーザーは、オペレーティ...
Docker インストール (Alibaba Cloud Server) Docker 公式 Ce...
フォルダを作成するディレクトリ構造: dabaots npm init -yを初期化して packa...
私たちウェブマスターは皆、ウェブサイトを最適化する際に記事内のキーワードを太字にすることが最適化に非...
開発者が Dockerfile を使用してイメージをビルドする場合は、イメージをビルドするときにデー...
Web 開発を行う際に、フラッシュがページ内の要素をブロックする状況に遭遇することがあります。フラ...