HTML 5にCSSを埋め込む-それがその方法です
CSSはHTML 5に簡単に統合できます。 HTMLおよびXMLドキュメントをよりグラフィカルにアピールしたい場合は、カスケードスタイルシート(CSS)が適しています。 フォーマット言語には、Webサイトを視覚的に強化するための多数のオプションがあります。 CSSをHTML 5に統合するには、基本的に3つの異なる方法があります。 この実用的なヒントでこれを紹介します。
HTML 5のCSS:オプション1-CSSファイルのアウトソース
最初のオプションは、CSSを別のファイルに移動することです。 これには多くの利点があります。スタイルシートは単一のページに影響するだけでなく、すべてのHTML5ページで自動的に使用されます。 主な利点は、中央管理です。 すべてのページに変更をすばやく実装できます。 CSSファイルをHTML 5に埋め込む方法:
- 新しいCSSファイルを作成します。
- ヘッド領域で、CSSファイルを参照します。 この場合、ファイルにはstyle.cssという名前が付けられていますが、名前はもちろん個別です。
- style.cssファイルをWebサーバーのメインディレクトリに保存する必要があります。
- CSSファイルをHTML 5に正常に統合しました。
HTML 5ファイルの先頭のCSS
外部委託CSSファイルを作成したくない場合は、HTML 5文書のヘッダーにCSSプロパティを設定することもできます。 これらはすべてのHTML 5ページではなく、このHTML 5ファイルにのみ影響します。
- HTML 5ドキュメントを開きます
- ヘッド領域に次のコマンドを挿入します。
- 次に、目的のプロパティを定義します。これには、たとえば、見出しのサイズ、テキストの色などを指定できます。これには、使い慣れたCSSコマンドを使用します。
- プロパティを入力してからコマンドを閉じます。
- 指定されたプロパティは、このHTML 5ドキュメントに採用されます。
CSSインラインスタイル:コマンドを直接使用する
CSSをHTML 5に統合する最後の方法は、インラインスタイルです。 これは、ソースコードに直接コマンドを入力することを意味します。
- グラフィック表示を変更するポイントに移動します。
- CSSコマンドを直接入力します。 たとえば、これは次のようになります。
青い小見出し
- プロパティはこのコマンドにのみ使用されます。