css

我們在排版過程中經常用到的幾個屬性


定位:

Position:position是在定位中經常用到的,他規定元素相對於某個屬性進行定位,其中屬性有staticabsolut(相對於上級元素進行定位)relative(相對於整個屏幕進行定位)fixed(相對於屏幕進行定位,滾動屏幕位置不會改變)

z-index:設置層疊順序,值越大顯示在最上面。

Top(頂部定位)right(左邊定位)bottom(底部定位) left(右邊定位)

clip:裁剪值rectinset---左 方位的裁剪示例clip:rect(auto 50px 20px auto)

佈局:

Clear :清除浮動參數有rightleftnoneboth

Float:設置浮動參數有rightleftnone

Displaydisplay參數比較多這裏只說我們經常用到的幾個值none(隱藏)inline(內聯)、block(塊元素)、inline-block(外聯)

Overflow:設置超過元素的內容怎樣顯示,屬性:visiblehiddenscrollautono-display(當內容不適合當前內容盒子時,整個盒子將被移除,類似display:none)no-content(當內容不適合當前內容盒子時,整個內容被隱藏,類似visibility:hidden)

Vistibility:visible(設置對象可視)hidden(設置對象隱藏)collapse(隱藏表格的行和列)

外補白:

Margin

  • 如果提供全部四個參數值,將按上、右、下、左的順序作用於四邊。

  • 如果只提供一個,將用於全部的四邊。

  • 如果提供兩個,第一個用於上、下,第二個用於左、右。

  • 如果提供三個,第一個用於上,第二個用於左、右,第三個用於下。

還可以進行單獨設置Margin-topMargin-leftMargin-rightMargin-bottom

內補白:

Padding

  • 如果提供全部四個參數值,將按上、右、下、左的順序作用於四邊。

  • 如果只提供一個,將用於全部的四邊。

  • 如果提供兩個,第一個用於上、下,第二個用於左、右。

  • 如果提供三個,第一個用於上,第二個用於左、右,第三個用於下。

還可以進行單獨設置Padding-topPadding-leftPadding-rightPadding-bottom

邊框border

一般設置邊框 border1px solid red

設置順序

·border-width

·border-style

·border-color


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章