前端css屬性難點

text-transform:uppercase;有何用?
margin:0.5em 0中的em與px有什麼區別?
overflow:hidden有什麼用?
vertical-align: top;什麼意思?
font: inherit;什麼意思?
cursor:pointer;
關於元素局中問題
如何使用CSS讓DIV居中顯示,讓div水平居中有哪些CSS樣式呢?
需要的主要css代碼有兩個,一個爲text-align:center(內容居中),另外一個爲margin:0 auto;其兩個樣式需要配合使用才能實現div盒子的居中顯示排版。
首先我們對body設置text-align:center,再對需要居中的div盒子設置css樣式margin:0 auto,這樣即可讓對應div水平居中。

水平局中
利用CSS進行元素的水平居中,比較簡單,行級元素設置其父元素的text-align爲 center,塊級元素設置其本身的l左右margins爲auto即可(如:margin:0 atuo)

同學們:我還是不明白,爲啥border-bottom加了下邊框,邊框卻錯位了,加上overflow:auto卻好了
這裏寫圖片描述
首先我們要知道,在之前,我們設置了li是浮動的,也就是說,它脫離了文檔流(脫離了ul),是飄起來的,所以border-bottom加了下邊框卻沒有在li下面;當加上overflow:auto後,可以理解爲將浮動的元素又重新包裹在它的父級元素裏,所以設置下邊框出現在li底部。

發佈了43 篇原創文章 · 獲贊 123 · 訪問量 21萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章