原创 粘滯定位
粘滯定位 - 當元素的position屬性設置爲sticky時則開啓了元素的粘滯定位 - 粘滯定位和相對定位的特點基本一致， 不同的是粘滯定位可以在元素到達某個位置時將其固定
2020-06-09 05:40:43
原创 外邊距的摺疊
垂直外邊距的重疊（摺疊） - 相鄰的垂直方向外邊距會發生重疊現象 - 兄弟元素 - 兄弟元素間的相鄰垂直外邊距會取兩者之間的較大值（兩者都是正值） - 特殊情況： 如果相鄰的外邊距一正一負，則取兩者的和 如果相鄰的外邊距都是負值，
2020-06-09 05:40:43
原创 文本的樣式
text-align 文本的水平對齊 可選值： left 左側對齊 right 右對齊 center 居中對齊 justify 兩端對齊 vertical-align 設置元素垂直對齊的方式 可選值： baseline 默認值 基
2020-06-09 05:40:43
原创 定位的簡介
定位（position） - 定位是一種更加高級的佈局手段 - 通過定位可以將元素擺放到頁面的任意位置 - 使用position屬性來設置定位 可選值： static 默認值，元素是靜止的沒有開啓定位 relative 開啓元素的
2020-06-09 05:40:43
原创 盒子的垂直佈局
默認情況下父元素的高度被內容撐開 子元素是在父元素的內容區中排列的， 如果子元素的大小超過了父元素，則子元素會從父元素中溢出 使用 overflow 屬性來設置父元素如何處理溢出的子元素 可選值：
2020-06-09 05:40:43
原创 js代碼編寫的位置
可以將js代碼編寫到外部js文件中，然後通過script標籤引入 寫到外部文件中可以在不同的頁面中同時引用，也可以利用到瀏覽器的緩存機制 推薦使用的方式 script標籤一旦用於引入外部文件了，就不能再編寫代碼了，即使編
2020-06-09 05:40:43
原创 盒子的水平佈局
元素的水平方向的佈局： 元素在其父元素中水平方向的位置由以下幾個屬性共同決定“ margin-left border-left padding-left width padding-right border-right margi
2020-06-09 05:40:43
原创 盒子模型-內邊距
內邊距（padding） - 內容區和邊框之間的距離是內邊距 - 一共有四個方向的內邊距： padding-top padding-right padding-bottom padding-left
2020-06-09 05:40:43
原创 元素的層級
對於開啓了定位元素，可以通過z-index屬性來指定元素的層級 z-index需要一個整數作爲參數，值越大元素的層級越高 元素的層級越高越優先顯示 如果元素的層級一樣，則優先顯示靠下的元素
2020-06-09 05:40:43
原创 輪廓和圓角
box-shadow 用來設置元素的陰影效果，陰影不會影響頁面佈局 第一個值 水平偏移量 設置陰影的水平位置 正值向右移動 負值向左移動 第二個值 垂直偏移量 設置陰影的水平位置 正值向下移動 負值向上移動 第三個值 陰影的模糊半
2020-06-09 05:40:43
原创 盒子模型-外邊距
外邊距（margin） - 外邊距不會影響盒子可見框的大小 - 但是外邊距會影響盒子的位置 - 一共有四個方向的外邊距： margin-top - 上外邊距，設置一個正值，元素會向下移動 margin-right - 默認情況下設
2020-06-09 05:40:43
原创 盒子的尺寸
默認情況下，盒子可見框的大小由內容區、內邊距和邊框共同決定 box-sizing 用來設置盒子尺寸的計算方式（設置width和height的作用） 可選值：
2020-06-09 05:40:43
原创 行內元素的盒模型
行內元素的盒模型 - 行內元素不支持設置寬度和高度 - 行內元素可以設置padding，但是垂直方向padding不會影響頁面的佈局 - 行內元素可以設置border，垂直方向的border不會影響頁面的佈局 - 行內元素可以設置
2020-06-09 05:40:43
原创 絕對定位元素的佈局
水平佈局 left + margin-left + border-left + padding-left + width + padding-right + border-right + margin-right + right
2020-06-09 05:40:33