outline
設置輪廓屬性，不佔用空間
outline-color：輪廓顏色out-style：樣式none：默認，不設置樣式dotted：點狀dashed：虛線solid：實線double：雙實線groove：3D凹槽ridge：3D壟狀inset：陷入ouset：突出inherit：繼承父元素
out-width：輪廓寬帶
display visibility
display設置一個元素如何顯示，設置none時，元素會被隱藏且不佔用空間，但是不會被繼承
visibility知道一個元素可見還是隱藏，設置爲hidden時，元素會被隱藏但空間仍被佔用，可以被繼承
display屬性
block：會獨佔一行，多個元素會另起一行，可以設置width、height、margin、padding屬性inline：不會獨佔一行，設置width、height屬性無效，可以設置水平方向的margin和padding屬性，不能設置垂直方向的padding和margininline-block：將對象設置爲inline對象，但對象的內容作爲block對象呈現，之後的內聯對象會被排列在同一行內。
行內元素和塊級元素
- 行內元素
- 設置寬度無效
- 可以設置水平方向的
margin和padding屬性，但不能設置垂直方向的padding和margin屬性 - 不會自動換行
- 塊級元素
- 可以設置寬度
- 設置
margin和padding都可以 - 可以自動換行
- 多個塊級元素，默認排列從上到下
position
absolute：生成絕對定位的元素，相對於static定位以外的一個父元素進行定位。
元素的位置通過left、top、right、bottom屬性進行規定。
瀏覽器會遞歸查找該元素的所有父元素，如果找到了設置position：relative/absolute/fixed的元素，就以該元素爲基準定位，如果沒找到，就以瀏覽器的邊界進行定位
relative：生成相對定位的元素，相對於其原來的位置進行定位。元素的位置通過left、top、right、bottom屬性進行規定。relative永遠都相對於自身位置進行定位，與其他元素無關，也不會影響其他元素。
fiexd：生成絕對定位的元素，相對於屏幕視口（viewport）進行定位，元素的位置在屏幕滾動時並不會改變，回到頂部的按鈕一般用這種方式進行定位
static：默認值，沒有定位，會忽略top、bottom、left、rioght或者z-index屬性。塊級元素從上往下排布，行級元素從左到右排列
absolute和fixed比較
共同點：
-
改變行內元素的呈現方式，將
display置爲inline-block -
使元素脫離普通文檔流，不再佔用文檔物理空間
-
覆蓋非定位文檔元素
不同點： -
absolute和fixed根元素不同，absolute的根元素可以設置，fixed的根元素是瀏覽器 -
在有滾動條的頁面中，a
bsolute會跟着父元素移動，fiexd固定在頁面的具體位置不變
display float position 關係
- 首先判斷
display屬性是否爲none，如果爲none，則position和float屬性的值不影響元素最後的表現 - 然後判斷
position的值是否爲absolute或者fixed，如果是，則float屬性失效，並且display的值應該被設置爲table或者block - 如果
position的值補位absolute或者fixed，則判斷float屬性的值是否爲none，如果不是，則display的值則按上面的規則轉換。注意，如果position的值爲relative並且float屬性的值存在，則relative相對於浮動後的最終位置定位 - 如果
float的值爲none，則判斷元素是否爲根元素，如果是根元素則display屬性按照上面的規則轉換，如果不是，則保持指定的display屬性值不變
總的來說，可以把它看作是類似優先級的機制，position:absolute和position:fixed優先級最高，有它存在對的時候，浮動不起作用，display的值也需要調整。其次，元素的float特性的值不是none的時候或者它是根元素的時候，調整display的值。最後，非根元素，並且非浮動元素，並且非絕對定位的元素，display特性值同設置值
一與人同，未免屈意以循之😜😜😜
臨江仙 送錢穆父 蘇軾
一別都門三改火，
天涯踏盡紅塵。
依然一笑作春溫，
無波真古井，
有節是秋筠。
惆悵孤帆連夜發，
送行淡月微雲。
尊前不用翠眉顰。
人生如逆旅，
我亦是行人。