前端開發必會的CSS核心問題,你掌握 了嗎?

本文將講述 CSS 中最核心的幾個概念,包括:盒模型、position、float等。這些是 CSS 的基礎,也是最常用的幾個屬性,它們之間看似獨立卻又相輔相成。為了掌握它們,有必要寫出來探討一下,如有錯誤歡迎指正。

元素類型

HTML 的元素可以分為兩種:

  • 塊級元素(block level element)
  • 內聯元素(inline element 有的人也叫它行內元素)

兩者的區別在於以下三點:

  1. 塊級元素會獨佔一行(即無法與其他元素顯示在同一行內,除非你顯式修改元素的 display 屬性),而內聯元素則都會在一行內顯示。
  2. 塊級元素可以設置 width、height 屬性,而內聯元素設置無效。
  3. 塊級元素的 width 默認為 100%,而內聯元素則是根據其自身的內容或子元素來決定其寬度。

最常見塊級元素應該是

吧,內聯元素有


分享到:


相關文章: