文章目錄
- 一、前言🚀🚀🚀
- 二、CSS元素顯示模式:??????
- 2.1 什么是元素顯示模式
- 2.2 塊元素
- 2.3 行內元素
- 2.4 行塊元素
- 2.5 元素顯示模式的轉換
- 三、總結🚀🚀🚀
一、前言🚀🚀🚀
??
回報不在行動之后,回報在行動之中。
這個系列可以叫作《前端從零開始系列》,因為我打算就是花一個周期時間,來過一遍CSS+JS個人覺得筆記重點且常見的知識點,并且總結起來,如這一篇CSS選擇器,歸納各類選擇器,將是這個系列的開篇之作。為了方便前端CSS3樣式與JS知識的總結,請期待這個系列的更新吧。
二、CSS元素顯示模式:??????
??首先需要了解what(是什么)、分類、轉換。
2.1 什么是元素顯示模式
HTML元素一般分為塊元素和行內元素兩種類型,塊模式如下圖:如果是一個盒子獨占一個屏幕,用塊元素合適一些。
2.2 塊元素
注意事項:
2.3 行內元素
如下圖:a標簽里面放個塊元素。
2.4 行塊元素
2.5 元素顯示模式的轉換
行元素改為塊元素:
塊元素改為行元素:
三、總結🚀🚀🚀
??
??
??