看到問(wèn)答里很多人說(shuō)width和height是內(nèi)容的寬度/高度?
我試著寫(xiě)了幾個(gè)頁(yè)面,width和height明明就是盒子的寬度和高度啊。如圖所示
<!DOCTYPE?HTML> <html> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"> <title>內(nèi)聯(lián)塊狀元素</title> <style?type="text/css"> div{background:pink;border:red?solid?2px;height:80px;width:80px;} span{background:blue;} </style> </head> <body> <div><span>這是什么</span></div> </body> </html>
2016-12-14
整個(gè)盒子分四層 一層套一層 最內(nèi)層橫向是 withd(寬度)然后padding (內(nèi)邊距)border(邊框)最外面是margin(頁(yè)邊的空白)
2016-12-14
同學(xué)我對(duì)你的建業(yè):別人給你的答案是供你參考,真真能夠提升理解程度只用靠自己。把網(wǎng)頁(yè)上的東西抄一遍告訴你,還不如自己打開(kāi)盒模型作業(yè)多看看。
2016-12-14
這個(gè)代碼是最基礎(chǔ)的代碼,去掉了padding和margin。在實(shí)際的項(xiàng)目中一個(gè)頁(yè)面的盒模型是很多的,沒(méi)有了padding和margin那頁(yè)面將非常的亂