說一說盒模型?
得分點(diǎn):標(biāo)準(zhǔn)盒模型、怪異盒模型、box-sizing:border-box、盒模型大小。
回答:CSS盒模型定義了盒的每個(gè)部分,包含:margin,border,padding,content。根據(jù)盒子大小的計(jì)算方式不同,盒模型分成了兩種,標(biāo)準(zhǔn)盒模型和怪異盒模型。
標(biāo)準(zhǔn)盒模型,給盒設(shè)置width和height,實(shí)際設(shè)置的是content box。padding和border再加上設(shè)置的寬高一起決定整個(gè)盒子的大小。
怪異盒模型,給盒設(shè)置width和height,包含了padding和border,設(shè)置的width和height就是盒子實(shí)際的大小。
默認(rèn)情況下,盒模型都是標(biāo)準(zhǔn)盒模型。
標(biāo)簽: