本節簡介:主要講解塊元素、行元素、行內塊元素的特征及相互轉換的方法
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
display :block 塊集元素。display:inline 行集元素 display:inline-block行集塊元素
行級塊元素,代表標簽:image input 共同顯示在一行,默認的寬度等于子集元素的寬度,能夠任意定義寬高。任何元素都可以通過display inline block 轉為塊級塊元素,轉換后具備行級塊元素的所有特征。
行級塊元素,是快元素和行元素的結合, 引入一張圖,結束掉是按/。圖片想要等比率縮放,width寬度設置一個值就可以了。不然圖片會被拉伸 或者高度設置一下就也可以
行級元素 代表標簽:span a strong b em i font 特性,顯示在一行,默認的寬度等于子集元素的寬度,不能定義寬高,任何元素都可以通過 display inline 轉為行元素,轉換后具備行元素的所有特性
塊級元素:代表標簽 div h1-h6 ul ol li dl dt dd p 特性,能夠獨立顯示一行,默認的寬等于父級寬度,能夠任意定義寬高。
<dl><dt>水果分類</dt> <dd>蘋果<dd><dd>香蕉<dd>
沒有定義寬度,就等于瀏覽器的寬度,父級就是瀏覽器的窗口
沒有定義寬度,就等于瀏覽器的寬度,父級就是瀏覽器的寬度
為什么老師加背景色不帶分號可以顯示 我的DW里面不加分號不可以顯示div{ background:#cc3 }