CSS定位
改變元素在頁面上的位置

cssd定位機制

普通流：元素按照其在HTML中的位置順序決定排布的過程

浮動：

絕對布局

CSS定位屬性

position ：把元素放在一個靜態的、相對的、絕對的、或固定的位置中

static:偏移量不起任何效果

relative:相對布局

absolute:絕對布局，相對與其他元素，不占位置了

fixed:不管當前頁面如何變化，他都不動

top： 元素向上的偏移量

left： 元素向左的偏移量

right：元素向右的偏移量

bottom：元素向下的偏移量

overflow：設置元素溢出其區域發生的事情

clip：設置元素顯示的形狀

vertical-align：設置元素垂直對齊方式

z-index：設置元素的堆疊順序，誰的值大，誰在上面

浮動：

float屬性可用的值

left:元素向左浮動

right:元素向右移動

none:元素不浮動

inherit:從父級繼承浮動屬性

clear屬性：

去掉浮動屬性（包括繼承來的屬性）

clear屬性值

left、right:去掉元素向左、向右浮動

both：左右兩側均去掉浮動

inherit:從父級繼承來的clear的值

css3的盒子模型
內邊距

屬性：

padding：設計所有邊距

padding-left：設置左邊距

padding-bottom：設置底邊距

padding-right：設置右邊距

padding-top：設置上邊距

邊框：

邊框的樣式border-style

10種

邊框的單邊框樣式

border-to-style

邊框的寬度

border-width :10px;

單邊框寬度：border-top-width

邊框的顏色：

border-color

border-top-color

css3邊框：

border-radius:圓角邊框

box-shadow:邊框陰影

border-image:邊框圖片

外邊距：

外邊距接受任何長度單位、百分數值

常用屬性：

margin：設置所有邊距

margin-bottom ：設置底邊距

margin-left :設置左邊距

margin-right：設置右邊距

margin-top設置上邊距

外邊距合并

css常用操作
對齊

使用margin屬性進行水平對齊
使用position屬性進行左右對齊
使用float屬性進行左右對齊
分類

1尺寸操作

height：設置元素高度

line-height:設置行高

max-height:設置元素最大高度

max-width：設置元素最大寬度

min-width:設置元素最小高度

min-height:設置元素最小高度

width：設置元素寬度

2分類操作

clear:設置一個元素的側面是否允許其他的浮動元素

cursor：規定當指向某元素之上時顯示的指針類型（鼠標指向時顯示方式）

display：設置是否及如何顯示元素

float：定義元素在哪個方向上浮動

position: 把元素放置到一個靜態的、相對的、絕對的、固定的位置

visibility ：設置元素是否可見或不可見

總結

以上是生活随笔為你收集整理的CSS3学习笔记（二）2015-12-9【从新浪云搬运】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。