新入社員ここでは、IT系企業の新入社員向けにHTMLを解説しています。デザイナーになるほどHTMLに詳しくなくてもいいけれど、Webアプリを作る上で必要な入力画面は自力で作りたい、そんなあなたのためのページです。前回は、「段落と改行で見やすくする」方法を学びました。今回は、文章に色やなどのスタイルを付けてさらに読みやすくする方法を学びましょう。スタイルを設定する文字などのHTML要素を装飾するときには<style>を使います。スタイルを適用するには3つの方法があります。1.ヘッダの<style>内に書く2.個々のタグの中に直接書く3.CSSファイルを別に作り<head>内でリンクを張る本来は、3番目の方法が望ましいです。この方法は既にご紹介していますので、ここではより簡便な1、2の方法をご紹介します。red;}</style></head><body><p>ひつまぶし</p><p>味噌カツ</p></body></html>上記では「p要素」の文字を赤くするという処理を書いています。<p>内の“ひつまぶし”と“味噌カツ”の文字が赤くなります。<style>内の“P”をセレクタといいます。2.個々のタグの中に直接書く<アウトプット>ブラウザで確認してみましょう。style="color:blue;">ひつまぶし</p><p>味噌カツ</p>“ひつまぶし”の<p>の中に直接書いています。したがって“ひつまぶし”だけが青文字になります。方法1と方法2を混在させた場合は、方法2のスタイルが勝ちます。タグにより近い方が強いと覚えましょう。すれば、2.個々のタグの中に直接書く1.ヘッダの<style>内に書く3.CSSファイルを別に作り<head>内でリンクを張るの順でスタイルが適用されることが理解できるでしょう。CSSでどんな修飾ができるかについては、インターネットで各自調べてください。以上、今回は「スタイル」タグについて学びました。次回は、「スタイルを適用する対象をセレクタで広げる」方法を学んでいきましょう。確認画面は表示されません。上記内容にて送信しますので、よろしければチェックを入れてください。