本節簡介:講解浮動屬性及清除浮動的應用,利用所學知識手動編寫代碼,制作導航條案例
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
如果父級元素沒有添加高度屬性,子元素的高度和就是父元素的高度,但是一旦為子元素添加了float屬性之后,子元素的高度就不能陳凱父級
text-align:center; line-heigh:(和區塊高度一致)————文字在區塊中水平垂直居中
clear:both;不允許它的上面帶有浮動屬性的元素
clear:left;不允許它的上面有一個帶有左浮動的元素
塊元素如果要顯示在一行,可以統一給塊元素添加float屬性
一旦子元素添加了float浮動屬性,子元素的高度就不能再撐開父級
清除浮動clear,both 左右兩邊都不允許有浮動效果
line-height等于區塊的height,就可以垂直居中
如果父級元素沒有添加高度屬性,自己元素的高和就是父級圓的的高度、但是一旦為子集元素添加了float屬性后、子集元素的高度就不能再撐開父級
如果父級元素沒有添加高度屬性,子集元素的高度就是父級元素的高度,但是一旦為子集元素添加了float屬性之后,子元素的高度就不能再撐開父級。
text-align水平居中 line-height垂直居中
clear :left 清除左浮動,clear:right 清除右浮動