2017年5月17日水曜日

開発環境

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(No. 4758) を取り組んでみる。

SHARPEN YOUR PENCIL(No. 4758)

default

sans-serif

sans-serif default(sans-serif) default(sans-serif)

sans-serif

sans-self default(sans-serif)

default

sans-serif

sans-serif default(sans-serif) sans-serif

default

sans-self default(sans-serif)

コード(Emacs)

HTML5

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="sample2.css">
  </head>
  <body>
    <div id="d0">
      <h1>default</h1>
      <p>sans-serif
        <img>
      </p>
      <p>sans-serif
        <a>default(sans-serif)</a>
        <em>default(sans-serif)</em>
      </p>
      <h2>sans-serif</h2>
      <p>sans-self
        <a>default(sans-serif)</a>
      </p>
    </div>
    <div id="d1">
      <h1>default</h1>
      <p>sans-serif
        <img>
      </p>
      <p>sans-serif
        <a>default(sans-serif)</a>
        <em>sans-serif</em>
      </p>
      <h2>default</h2>
      <p>sans-self
        <a>default(sans-serif)</a>
      </p>
    </div>
  </body>
</html>

CSS

#d0 p, #d0 h2 {
    font-family: sans-serif;
}

#d1 p, #d1 em {
    font-family: sans-serif;
}

0 コメント:

コメントを投稿

Comments on Google+: