本節簡介:本節課主要詳細介紹塊級、行級、行塊級三種區塊的應用以及轉換方法。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
overflow-y:hidden 將垂直方向上溢出的內容設置為隱藏;scroll: 將垂直方向上溢出的內容設置為滾動顯示
display ==>inline-block 既能定義寬高,又能顯示在一行
text-algin:center 并設置行高line-height 即可使文本上下左右居中顯示
在選擇器中添加display:block將行轉化為區塊標簽
span a strong b em i font 行級元素
塊級(display-block):div h1~h6 ul ol li di dt dd p; 行級(display-inline):span a strong b em i font; 行級塊(display:inline-block):image input
overflow-y:auto(內容溢出時滾動條自動)
display轉化元素,inline行級元素,block塊級元素
<span><a><strong> <b><em><i><font>都是行里面的元素,以字體為單位區分區域,并不會轉行,只覆蓋字體
overflow-y:auto(內容溢出時滾動條自動)
visibility:hidden(隱藏內容但保留位置)