什麼是盒子模型?
把所有的網頁元素都看成乙個盒子,它具有:
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 條件的電路稱為分布引數電路。集總引數電...