第一部分:樣式規則 塊級元素一行只有一個,比如P標簽 CSS層疊樣式表,意思就是樣式是可以疊加的,比如下麵的代碼 <style> .ok{ color: aqua; } .blue{ color: #5283ff; }/*p名詞叫標簽選擇器*/ p{ color: black; font-size: ...
第一部分:樣式規則
塊級元素一行只有一個,比如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改為塊元素