-
彈性盒模型：
????flex屬性：
????????1.將塊元素在一排顯示
????????2.flex需要添加在父元素上，改變子元素的排列順序
????????3.默認為從左往右依次排列，且和父元素左邊沒有間隙
查看全部 -
如果在父標簽中設置position：relative，意味著會將父標簽移動到相對父標簽原位置的其他位置，如果本標簽設置為position：absolute,注意這時設置的屬性值是相對于父標簽的位置,位置原點是父標簽的左上角
查看全部 -
固定定位：
????????與absolute決定定位類似，但不同的是固定定位的左表是整個視圖（屏幕呢內的網頁窗口）本身。因為視圖本身是固定的，它不會隨游覽器窗口的滾動條滾動而變化，除非你在屏幕中移動游覽器窗口的屏幕位置，或改變游覽器窗口的顯示大小，因此固定定位的元素會始終位于游覽器窗口內視圖的某個位置，不會受文檔流影響。
查看全部 -
相對定位：
????????相對定位意思是相對于自身標簽元素之前的位置進行移動,但是不影響其它標簽元素位置，即不會占用其它元素的位置。簡單理解為設置相對定位的標簽就和其它標簽不在一個圖層了
查看全部 -
絕對定位：
????????如果將本標簽設置為絕對定位，那么意味著將元素從文檔流中拖出來。設置的位置屬性就相對于父級元素，如果不存在父級元素，那么就相對于body，即相對于游覽器窗口
查看全部 -
層模型（positioning）：
????????1.絕對定位（position：absolute）
????????2.相對定位（position：relative）
????????3.固定定位（positon：fixed）
????????
查看全部 -
浮動模型：為了將塊元素并排顯示
????1、float:left
????2、float:right
查看全部 -
流動布局特征：
????1.塊狀元素都會在所處的包含元素內子上而下按順序垂直延伸分布，因為在默認狀態下，塊狀元素的寬度都為100%。實際上，塊狀元素都會以行的形式占據位置。
????2.內聯元素都會在所處的包含元素內從左到右水平分布顯示
查看全部 -
元素三種布局模型：
????????1、流動模型（Flow）
????????2、浮動模型（Float）
????????3、層模型（Layer）
查看全部 -
margin：塊元素與塊元素之間的間距
????四個參數：上、右、下、左
????三個參數：上、左右、下
????兩個參數：上下、左右
????一個參數：上下左右
查看全部 -
padding:內邊距（塊元素中內容與邊框之間的間距)：
????? ? 四個參數：上、右、下、左
????????三個參數：上、左右、下
????????兩個參數：上下、左右
????????一個參數：上下左右
????
查看全部 -
border-radius:總共分四個方向：左上、右上、右下、左下
查看全部 -
border:
????????border-top: 上邊框
????????border-right：右邊框
????????border-bottom：下邊框
????????border-left：左邊框
查看全部 -
border:
????border-width:邊框寬度
????border-style：邊框樣式 dashed（虛線）| dotted（點線）| solid（實線）
????border-color：邊框顏色
查看全部 -
塊元素：如果未設置寬度，那么寬度默認為父容器的100%
查看全部
舉報