本節簡介:本節課主要詳細介紹塊級、行級、行塊級三種區塊的應用以及轉換方法。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
display:block 將行級元素轉為塊級元素
想保持原來的位置,缺想把內容給隱藏掉,<display>-<visibility>-<hidden>
超級鏈接想要增加區塊,變成塊級標簽,CSS中屬性-布局<display>-<block>
<span><a><strong> <b><em><i><font>都是行里面的元素,以字體為單位區分區域,并不會轉行,只覆蓋字體
<div><h1-h6><ul><ol><li><dl><dt><dd><p>都是塊標簽,都會顯示到一行,區域標簽
opacity:透明度,值是取0-1,0是全部沒有,但位置保留,1是全部顯示。
visibility:hidden,元素消失,位置保留。
display:none的時候元素是消失的。將元素隱藏。
visibility:hidden內容隱藏但內容所在的位置仍保留
display轉化元素,inline行級元素,block塊級元素
行級塊元素:代表標簽:image input特性:共同顯示在一行,默認的寬度等于子集元素的寬度,能夠任意定義寬度
行級元素:代表標簽:span a strong b em i font特性:共同顯示在一行,默認的寬度等于子集元素的寬度,不能定義寬高
塊級元素:代表標簽:div h1-h6 ul ol li dl dt dd p特性:能夠獨立顯示一行,默認的寬度等于父級寬度,能夠任意定義寬度
標簽 a span b i 顯示一行 <br>標簽 塊元素:div h1-6 ul ol li dl dt dd p 行元素:span a strong b em i font 行級塊元素
display-none元素消失,位置也消失 visiabillity:hidden 元素消失,位置還在
disply:inline; font-size:16px ;