2017年6月2日金曜日

開発環境

Head First HTML and CSS (Elisabeth Robson(著)、Eric Freeman(著)、O'Reilly Media)の Chapter 10.(Divs and Spans: Advanced Web Construction)、SHARPEN YOUR PENCIL(No. 7176) を取り組んでみる。

SHARPEN YOUR PENCIL(No. 7176)

  • Buddha Bar, Claude Challe
  • When It Falls, Zero 7
  • Earth 7, Bukem
  • Le Roi Est Mort, Vive Le Roi!, Enigma
  • Music for Airports, Brian Eno

コード(Emacs)

HTML5

<!doctype html>
<html>
  <head>
    <link rel="stylesheet" href="sample4.css">
  </head>
  <body>
    <ul>
      <li>
        <span class="cd">Buddha Bar</span>,
        <span class="artist">Claude Challe</span>
      </li>
      <li>
        <span class="cd">When It Falls</span>,
        <span class="artist">Zero 7</span>
      </li>
      <li>
        <span class="cd">Earth 7</span>,
        <span class="artist">Bukem</span>
      </li>
      <li>
        <span class="cd">Le Roi Est Mort, Vive Le Roi!</span>,
        <span class="artist">Enigma</span>
      </li>
      <li>
        <span class="cd">Music for Airports</span>,
        <span class="artist">Brian Eno</span>
      </li>
    </ul>
  </body>
</html>

CSS(Stylesheet)

.cd {
    font-style: italic;
}
.artist {
    font-style: bold;
}

0 コメント:

コメントを投稿