塊級(jí)標(biāo)簽(block),行級(jí)標(biāo)簽(inline)歇式,行塊標(biāo)簽(inline-block):
塊級(jí)標(biāo)簽(block)的特點(diǎn)有:1.獨(dú)占一行 ? 2.可以設(shè)置尺寸 ? 3.沒有明確寬度和高度是驶悟,寬度由父級(jí)決定,高度由內(nèi)容決定 ? 4.支持margin和padding
行級(jí)標(biāo)簽(inline)的特點(diǎn):1.不會(huì)獨(dú)占一行贬丛,可以與其他行級(jí)元素同行排列 ? 2.不支持尺寸設(shè)置 ? 3.對(duì)左右margin和左右padding支持較好撩银,上下margin和padding要慎用
行塊標(biāo)簽(inline-block)的特點(diǎn):支持盒模型,但不會(huì)獨(dú)占一行
盒模型:
1.盒模型有外邊距margin豺憔、邊界border额获、內(nèi)邊距padding、內(nèi)容尺寸(width/height)四個(gè)部分組成
2.盒子模型分為標(biāo)準(zhǔn)盒模型與怪異盒模型
標(biāo)準(zhǔn)盒模型:內(nèi)容尺寸: width height?
? ? ? ? ? ? ? ? ? ? ?盒子尺寸 : 內(nèi)容尺寸 padding border
? ? ? ? ? ? ? ? ? ? 區(qū)域尺寸:內(nèi)容尺寸 padding border margin
怪異盒模型:box-sizing: border-box / content-box;
注意:盒子與盒子之間用margin 盒子內(nèi)部用padding 盒子尺寸盡量用auto