前端：CSS第四章第一節

第一部分：樣式規則                                                  

塊級元素一行只有一個，好比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改成塊元素