1. 程式人生 > >CSS元素類型的轉換

CSS元素類型的轉換

one 轉換 樣式 form pan pla clas pos ott

元素的類型通常分為: 塊級元素 內聯元素 內聯塊元素

塊級元素: 塊級元素會占據一行的位置,它後面的元素內容會換行顯示 塊級元素裏面可以放任何內容,主要用來布局。
常見的塊級元素:div h1-h6 ul li ol li p table form

行內元素:內聯元素也叫行級元素它只占據他內容所占的位置,其它的內容在他後面顯示,但是行級元素裏面不能放塊級元素
常見的行內元素:a b span i del

元素類型的轉換
通過樣式轉換行塊級元素:
display:none; 隱藏對象
display:block; 變為塊級元素/也有顯示的意思
display:inline; 變為行內元素
display:inline-block; 以行內元素形式排列以塊級元素樣式顯示

CSS元素類型的轉換