本節簡介:本節課主要詳細介紹塊級、行級、行塊級三種區塊的應用以及轉換方法。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
標簽 a span b i 顯示一行 <br>標簽 塊元素:div h1-6 ul ol li dl dt dd p 行元素:span a strong b em i font 行轉快元素
行級塊元素:1代表標簽:image input 2.共同顯示在一行,默認的寬度等于子集元素的寬度,能夠任意定義寬高。3.通過display:inline-block轉為塊級元素
行級元素:1代表標簽:span a strong b em i font 2.特性:共同顯示在一行,默認的寬度等于子集的寬度,不能定義寬高。任何元素都可通過【display:inline】轉為行元素,轉換后具備行元素的所有特性
visibility;hidden;(設置可見性),,opacity:0-1(設置不透明度)
display:block;(獨立設置顯示一行),,display:inline-block link;(顯示在一行且不影響下面的布局),,
04:10代碼標簽總結,div h1- h6 ul ol li dt dd p(能夠獨立顯示一行,默認寬度等于父級寬度) ,,span a strong b em i font (共同顯示在一行,不能定義寬高),, image input (共同顯示在一行,能夠任意定義寬高)
display:inline-block link顯示在一行且不影響下面的布局
如果想讓行級元素具備塊級元素的特性 可以加個 display block 轉換成行級元素display:inline 轉換成行級塊級元素加個 display:inline-block
塊級元素 代表標簽 div h1-h6 UI OI li dl dt dd p 特性能夠獨立顯示一行 行級元素 代表標簽 span a strong b em i font 特性共同顯示一行 行級塊元素 代表標簽 image input 特性共同顯示在一行