第一部分：樣式規則                                                  

塊級元素一行只有一個，比如P標籤

CSS層疊樣式表，意思就是樣式是可以疊加的，比如下面的程式碼

<style>
    .ok{
        color: aqua;
    }
    .blue{
        color: #5283ff;
    }
/*p名詞叫標籤選擇器*/

    p{
        color: black;
        font-size: 30px;
    }

/*#red屬於TAG*/

#red{ color: #080dff } </style> <p id="red">內容1</p> <p class="blue ok">內容2</p> <p>內容3</p> <p>內容4</p> <p>內容5</p>

/*

優先順序從 id>class>標籤選擇器

*/

第二部分：盒模型                       

所有的都是盒子，只是分為塊級盒子和行內盒子，轉換就是display:block改為塊元素         

               &n