:::::::: CSS語法結構 ::::::::

一、CSS基本語法結構

CSS是指Cascading Style Sheets，稱為"串列樣式表"或"層疊樣式表"。
CSS負責為網頁架構HTML標籤設計呈現的樣式。
CSS由樣式規則所組成。
規則名稱由選取器組成。
規則內容由屬性與屬性值組成。

CSS規則名稱 {
CSS規則內容；
}

選取器 {
屬性：屬性設定值；
屬性：屬性設定值；
}

二、選取器組成的類型

標籤名稱、類別名稱、ID名稱及複合。

所謂複合，指的是二個以上或二層以上的元素名稱的組成。

三、認識區塊元素的組成架構

四、參考練習

HTML部份(如前一章的練習結果)

<body>
    <header>頁首區</header>
    <nav>導覽列區</nav>
    <main>
        <h1>主要內容區</h1>
        <section id="part1">
              <ul>
                  <li>section-part1-list1</li>
                  <li>section-part1-list2</li>
                  <li>section-part1-list2</li>
              </ul>
        </section>
        <section id="part2">section-part2</section>
        <section id="part3">section-part3</section>
        <section id="part4">section-part4</section>
        <article>
              <h2>這裡是標題２</h2>
              <p>這裡是段落文章文字</p>
        </article>
        <figure>
              <img src="../images/car800/car7.jpg">
              <figcaption>這是影像說明標籤</figcaption>
        </figure>
    </main>
    <footer>頁尾區</footer>
</body>

CSS部份

《範例參考結果》