HTML - Note3: CSS(2)

CSS可以做到以下：

＊改變字體、顏色、大小

h1 {

  font-size: 32px;

  font-family: Palatino, 'Palatino Linotype', serif;

  color: #2e69a3;

}

＊新增/ 調整背景圖

background-image: url("https://s3.amazonaws.com/codecademy-content/projects/make-a-website/lesson-2/bg.jpg");

＊改變整個class的風格(字體顏色大小)

index.html裡面：

  <div class="hero">

        <h2>Sprout.</h2>

        <p>A book by J. Daniel Bedford</p>

        <a href="#">Read now.</a>

  </div>

css裡面：

.hero {

  padding: 250px 0;

  margin: 30px;

  background-size: cover;

  color: #ffffff;

}

＊以＃跟賦予id的方式來改變特定元素的風格，而其他同類的不變

（在index.html裡面）  <p id="footer">&copy; Mystwood Publishers Limited</p>

（在CSS裡面）#footer { font-size: 0.75rem; color: red; }