我們在排版過程中經常用到的幾個屬性
定位:
Position:position是在定位中經常用到的,他規定元素相對於某個屬性進行定位,其中屬性有static、absolut(相對於上級元素進行定位)、relative(相對於整個屏幕進行定位)、fixed(相對於屏幕進行定位,滾動屏幕位置不會改變)
z-index:設置層疊順序,值越大顯示在最上面。
Top(頂部定位)right(左邊定位)bottom(底部定位) left(右邊定位)
clip:裁剪值rect、inset上-右-下-左 方位的裁剪示例clip:rect(auto 50px 20px auto)
佈局:
Clear :清除浮動參數有right、left、none、both
Float:設置浮動參數有right、left、none
Display:display參數比較多這裏只說我們經常用到的幾個值none(隱藏)、inline(內聯)、block(塊元素)、inline-block(外聯)
Overflow:設置超過元素的內容怎樣顯示,屬性:visible、hidden、scroll、auto、no-display(當內容不適合當前內容盒子時,整個盒子將被移除,類似display:none)、no-content(當內容不適合當前內容盒子時,整個內容被隱藏,類似visibility:hidden)
Vistibility:visible(設置對象可視)、hidden(設置對象隱藏)、collapse(隱藏表格的行和列)
外補白:
Margin:
如果提供全部四個參數值,將按上、右、下、左的順序作用於四邊。
如果只提供一個,將用於全部的四邊。
如果提供兩個,第一個用於上、下,第二個用於左、右。
如果提供三個,第一個用於上,第二個用於左、右,第三個用於下。
還可以進行單獨設置Margin-top、Margin-left、Margin-right、Margin-bottom
內補白:
Padding:
如果提供全部四個參數值,將按上、右、下、左的順序作用於四邊。
如果只提供一個,將用於全部的四邊。
如果提供兩個,第一個用於上、下,第二個用於左、右。
如果提供三個,第一個用於上,第二個用於左、右,第三個用於下。
還可以進行單獨設置Padding-top、Padding-left、Padding-right、Padding-bottom
邊框border
一般設置邊框 border:1px solid red
設置順序
·border-width
·border-style
·border-color