スタイルシート

授業

  • 色や文字の大きさなど、styleを変えることをエンベッドという。
    • 　　　(例）h1{ color: #ff0000; 　 }
  • 適用先のことをセレクタと呼ぶ。
  • 色は０〜９とA〜Fを組み合わせた６つの要素でできている。０が最小、fが最大。

    　 　 (例）＃ff0000

    ６つの数字のうち、２桁ずつでＲ・Ｇ・Ｂの色相であり、一つ目が明度、二つ目が彩度である。

    <html lang="ja">
<head>
<title>初めてのスタイルシート</title>
<style>
h1{
  color:#ff0000;
  font-size:2.0em;
}
body{
  background-color:#8fbc8b;
}
h1{
  font-size:26px;
  color:#ffffff;
}
h2{
  font-size:20px;
  color:white;
  padding-left:10px;
  background-color:#bc8f8f;
}
p{
  font-size:16px;
  line-height:2em;
  padding:10px;
  color:#333333;
  background-color:#f5f5dc;
}
</style>
</head>
<body>
<h1>大見出し要素</h1>
<p>本文本文本文本文本文本文本文本文</p>
<h2>中見出し要素</h2>
<p>本文本文本文本文本文本文本文本文</p>
</body>
</html>