1. 程式人生 > >CSS-元素的顯示、浮動及定位

CSS-元素的顯示、浮動及定位

一、作業的講解
二、display 元素的顯示方式(none inlin block inlin-block)的補充講解
三.元素浮動的補充講解
Float它的值有:none left right
(1) 該屬性可以使元素脫離文件流,在父容器中進行浮動,停靠到父元素的“內容邊界”或其它浮動元素的“邊框”,
(2) 浮動的元素會忽略元素間的“空格”,讓同樣具有該屬性的元素“緊密”地排列在一起。
(3) 該屬性通常用於處理一些需要緊密排列在一起的“塊級元素”,如“導航條”、“相簿”,或用於處理“圖文混排”等。

清除元素浮動的方法:clear屬性設定到父元素上,用於清除子元素浮動給他帶來的影響。
它有以下值:
• none:預設值,不清楚浮動影響
• left:清除左浮動元素帶來的影響
• right:清除右浮動元素帶來的影響
• both:清除左右兩側浮動元素帶來的影響
四、 position用於設定元素定位的擴充套件(static預設值 relative相對定位 absolute絕對定位 fixed固定定位)
五、高階選擇器的講解(見菜鳥教程)