元素居中
定位屬性
q：簡單介紹一下盒子模型。
a：(想象控制台中的圖形)
盒子模型包括元素自身的寬、高（內容content）加上內邊距padding、邊框border以及外邊距margin。
q：盒子模型有幾種？
a：有2種，w3c的標準盒子模型和ie的怪異盒子模型；
標準盒子模型是指盒子的大小=元素自身內容寬、高+內邊距+邊框+外邊距的和，頁面上元素的width/height屬性=其真實大小；
怪異盒子模型是指盒子的大小=元素設定的width/height屬性+外邊距的和，頁面上元素的width/height屬性=其自身內容寬、高+內邊距+邊框。
width/height屬性是否包含padding+border的區別
box-sizing: content-box; //標準（w3c）盒子模型不要給元素設定帶有指定寬高的內邊距，盡量將內外邊距新增到元素的父元素或子元素上。box-sizing: border-box; //怪異（ie）盒子模型
box-sizing: inherit; //從父元素繼承
q：如何讓乙個元素水平垂直居中？
a：使用彈性布局display:flex；
display: flex;使用定位position: absolute;justify-content: center; //水平
height: 100%; //控制元素高度
align-items: center; //垂直
元素寬高確定position: absolute;left: 50%;
top: 50%;
margin-left: 負元素寬值的一半;
margin-top: 負元素高值的一半;
或position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
margin: 0 auto; //塊級元素 指定寬度通用position: absolute;left: 50%;
top: 50%;
transform: translate(-50%, -50%); //設定偏移
text-align: center; //內聯元素 設定在父元素
q：定位有哪些屬性？
a：常用屬性relative、absolute、fixed、static、inherit
static 預設值，無定位fixed 固定定位，相對於瀏覽器視窗進行定位
relative 相對定位，相對於其正常位置進行定位
absolute 絕對定位，相對於非static的最近父元素進行定位，脫離文件流，忽略padding
inherit 從父元素繼承position屬性的值initial 設定屬性為預設值，可作用於任何樣式（ie不支援）
unset 如果該屬性為繼承屬性，相當於inherit；非繼承屬性，相當於initial
sticky 粘性定位，需設定乙個方向距離，當滑動過程中該元素與父元素距離達到設定值時，元素固定到適當位置顯示條件：僅在父元素內有效，父元素不能overflow: hidden/auto，且高度大於定位元素
0416 盒子模型
css盒子模型樣式 定義 margin 外邊距，圍繞在元素邊框的空白區，在元素外建立額外的空白。border 邊框，圍繞元素內容和內邊距的一條或多條線。padding 內邊距，在邊框和內容區之間。屬性 margin 外邊距也叫作空白 接受任何長度單位，百分數值和負值，還可設定為auto。margin...
3 盒子模型
盒子模型是我學習css中使用頻率最高的模型，其中主要還是理解整個盒子的構成，以及其中各屬性的作用，最重要的問題就是合併巢狀問題。盒子模型 外邊距margin 邊框border 內邊距padding 內容 border color 邊框顏色 border width 邊框寬度 border style...
05盒子模型
目錄盒子模型用來 放 網頁中的各種元素 網頁設計中內容，如文字 等元素，都可以是盒子 div巢狀 網頁中盒子模型 寬度屬性 寬度with 最大寬度max width 最小寬度min width 長度值 百分比 auto 高度屬性 高度height 最大高度max height 最小高度min hei...