2017年5月21日日曜日

開発環境

Head First HTML and CSS (Elisabeth Robson(著)、Eric Freeman(著)、O'Reilly Media)の Chapter 8.(Styling with Fonts and Colors: Expanding Your Vocabulary)、SHARPEN YOUR PENCIL(No. 5663) を取り組んでみる。

SHARPEN YOUR PENCIL(No. 5663)

Our Elixir

Green Tea Cooler

Chock …

Rasberry Ice Concentration

Combining …

Blueberry Bliss Elixir

Blueberries …

Carnberry Antioxidant Blast

Wake …

コード(Emacs)

HTML5

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="sample2.css">
  </head>
  <body>
    <h1>Our Elixir</h1>    
    <h2>Green Tea Cooler</h2>
    <p>Chock …</p>
    <h2>Rasberry Ice Concentration</h2>
    <p class="blue">Combining …</p>
    <h2>Blueberry Bliss Elixir</h2>
    <p class="purple">Blueberries …</p>
    <h2>Carnberry Antioxidant Blast</h2>
    <p>Wake …</p>
  </body>
</html>

CSS(Stylesheet)

h1, h2 {
    font-family: sans-serif;
}
h1 {
    border-bottom: 1px solid black;
}
h2 {
    font-weight: normal
}
p {
    color: maroon;
    font-family: sans-serif;
}

.blue {
    color: blue;
}
.purple {
    color: purple;
}

0 コメント:

コメントを投稿