2014年11月19日水曜日

開発環境

Head First HTML and CSS (Elisabeth Robson (著)、 Eric Freeman (著)、O'Reilly Media )のChapter 7(Getting Started with CSS: Adding a Little Style)、SHARPEN YOUR PENCIL(p.289)を解いてみる。

SHARPEN YOUR PENCIL(p.289)

HTML (BBEdit, Emacs)

sample289.html

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8" />
 <title>Adding to classes</title>
 <link href="sample289.css" rel="stylesheet" >
</head>
<body>
  <p class="raspberry">
    raspberry
  </p>
  <p class="blueberry">
    blueberry
  </p>
</body>
</html>

CSS(Cascading Style Sheet)BBEdit, Emacs)

sample289.css

p.raspberry {
    color:blue;
}

p.blueberry {
    color: purple;
}

0 コメント:

コメントを投稿