1、行內元素:a img span b strong input select section2、塊級元素:div p table ul lo li h1-h6 dl dt3、空元素:br hr img input link meta區別:
但行內元素你要麼在塊級元素下面來定義塊級元素,給他寬高
那麼這個標籤將變為行內元素,即:1,此時這個div將不能設定寬度和高度了
對於父子級塊狀元素解決外邊距摺疊的方法一般分為三大類給父級塊級元素設定border-top,我一般是設定為:border-top:1px solid transparent給父級塊級元素設定一個padding-top,這個值就根據自己的佈局
我們的程式碼執行結果,看得到我們的程式碼也是遇到塊級宣告let如果提前使用會報異常,但是在塊級作用域宣告的提前呼叫會提示undefined
搞混了BFC 就是個為了佈局計算簡單點出來的玩意要是所有都從初始包含塊寬Global座標得累死說白了他就是個變了名字的初始包含塊是一個獨立計算區域它裡面實際元素累加了多高就是多高且普通流內元素還是根據普通流 margin 摺疊原則摺疊只是跟
css寫入背景圖片step3:為背景元素新增子元素mask,設半透明顏色即可注:背景居中,自適應(圖片自動縮放,蓋住整個div):background-position:center centerbackground-size:cover五
)4 chile裡面的文字會蓋住外面praent的文字5 inline-block 屬於 inline元素->div 是同級關係,後面蓋前面層疊關係之position文件流的層疊關係▉▉▉ ▪︎▉▉ 111111 1 浮動元素塊級的前
行盒在行內格式化上下文的表現如下:行盒寬高完全由內容決定,且無法設定行盒外邊距只有水平方向的會生效當行盒內容比行內格式化上下文小時垂直方向的對齊方式由 vertical-align 指定水平方向的對齊方式由 text-align 指定當行盒