什麼是盒子模型? 每日一題20190622

2022-02-25 00:53:56 字數 783 閱讀 7756

什麼是盒子模型?

把所有的網頁元素都看成乙個盒子,它具有: 

content,padding,border,margin 

四個屬性,這就是盒子模型。

盒子模型有兩種形式:標準盒子模型,怪異盒子模型

首先,兩種模式可以利用box-sizing屬性進行自行選擇:

標準模式:box-sizing:content-box;

怪異模式:box-sizing:border-box;

兩種模式的區別:

標準模式會被設定的padding撐開,而怪異模式則相當於將盒子的大小固定好,再將內容裝入盒子。盒子的大小並不會被padding所撐開。

例:.box{ 

box-sizing:border-box; //沒有新增時,按照標準模式計算, 新增時按照怪異模式解析 

width:200px; 

height:200px; 

border:2px solid black; 

padding:50px; 

margin:50px; 

標準模式:盒子總寬度/高度 = 內容區寬度 /高度+padding+border + margin。效果:

怪異模式:盒子總寬度/高度 = width/height + margin。效果:

什麼是Cookie? 每日一題20190623

什麼是cookie?cookie實際上是一小段的文字資訊,客戶端請求伺服器,如果伺服器需要記錄該使用者狀態,就使用 response 向客戶端瀏覽器頒發乙個cookie。客戶端會把cookie存起來,當瀏覽器再請求該 時,瀏覽器把請求的 連同該cookie一同提交給伺服器,伺服器檢查該cookie,...

css盒子模型 web前端學習什麼是css盒子模型

web前端學習什麼是css盒子模型?在網頁中,乙個元素占有空間的大小由幾個部分構成,其中包括元素的內容 content 元素的內邊距 padding 元素的邊框 border 元素的外邊距 margin 四個部分。這四個部分占有的空間中,有的部分可以顯示相應的內容,而有的部分只用來分隔相鄰的區域或區...

什麼是集總引數,什麼是分布引數(硬體每日一題)

兩者是以電路電氣器件的實際尺寸 d 和工作訊號的波長 為標準劃分。表述電路的線性尺寸與表徵其內部電磁過程電壓電流的波長關係。滿足d 條件的電路稱為集總引數電路。電路中任意兩個端點間的電壓和流入任一器件端鈕的電流完全確定,與器件的幾何尺寸和空間位置無關 不滿足d 條件的電路稱為分布引數電路。集總引數電...