CSSで装飾してみる

CSSとは

1. CSSの記述場所
  • テキスト P.011
  • 記述場所(head部内に記述する:embed)
  • style要素
<html>
<head>
<title>HTMLの練習</title>
<style>

</style>
</head>
<body>
<h1>はじめてのHTML</h1>
<p>今日はじめてHTMLを書きました。</p>
</body>
</html>
2. 見出しの色を赤くする
  • セレクタ(指定する要素)
  • プロパティ: 値; という形で記述する
<html>
<head>
<title>HTMLの練習</title>
<style>
h1 { color: red; }
</style>
</head>
<body>
<h1>はじめてのHTML</h1>
<p>今日はじめてHTMLを書きました。</p>
</body>
</html>

f:id:web-css-design:20160810134901p:plain