CSS定位
改變?cè)卦陧?yè)面上的位置

cssd定位機(jī)制

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

浮動(dòng)：

絕對(duì)布局

CSS定位屬性

position ：把元素放在一個(gè)靜態(tài)的、相對(duì)的、絕對(duì)的、或固定的位置中

static:偏移量不起任何效果

relative:相對(duì)布局

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

fixed:不管當(dāng)前頁(yè)面如何變化，他都不動(dòng)

top： 元素向上的偏移量

left： 元素向左的偏移量

right：元素向右的偏移量

bottom：元素向下的偏移量

overflow：設(shè)置元素溢出其區(qū)域發(fā)生的事情

clip：設(shè)置元素顯示的形狀

vertical-align：設(shè)置元素垂直對(duì)齊方式

z-index：設(shè)置元素的堆疊順序，誰(shuí)的值大，誰(shuí)在上面

浮動(dòng)：

float屬性可用的值

left:元素向左浮動(dòng)

right:元素向右移動(dòng)

none:元素不浮動(dòng)

inherit:從父級(jí)繼承浮動(dòng)屬性

clear屬性：

去掉浮動(dòng)屬性（包括繼承來(lái)的屬性）

clear屬性值

left、right:去掉元素向左、向右浮動(dòng)

both：左右兩側(cè)均去掉浮動(dòng)

inherit:從父級(jí)繼承來(lái)的clear的值

css3的盒子模型
內(nèi)邊距

屬性：

padding：設(shè)計(jì)所有邊距

padding-left：設(shè)置左邊距

padding-bottom：設(shè)置底邊距

padding-right：設(shè)置右邊距

padding-top：設(shè)置上邊距

邊框：

邊框的樣式border-style

10種

邊框的單邊框樣式

border-to-style

邊框的寬度

border-width :10px;

單邊框?qū)挾?#xff1a;border-top-width

邊框的顏色：

border-color

border-top-color

css3邊框：

border-radius:圓角邊框

box-shadow:邊框陰影

border-image:邊框圖片

外邊距：

外邊距接受任何長(zhǎng)度單位、百分?jǐn)?shù)值

常用屬性：

margin：設(shè)置所有邊距

margin-bottom ：設(shè)置底邊距

margin-left :設(shè)置左邊距

margin-right：設(shè)置右邊距

margin-top設(shè)置上邊距

外邊距合并

css常用操作
對(duì)齊

使用margin屬性進(jìn)行水平對(duì)齊
使用position屬性進(jìn)行左右對(duì)齊
使用float屬性進(jìn)行左右對(duì)齊
分類

1尺寸操作

height：設(shè)置元素高度

line-height:設(shè)置行高

max-height:設(shè)置元素最大高度

max-width：設(shè)置元素最大寬度

min-width:設(shè)置元素最小高度

min-height:設(shè)置元素最小高度

width：設(shè)置元素寬度

2分類操作

clear:設(shè)置一個(gè)元素的側(cè)面是否允許其他的浮動(dòng)元素

cursor：規(guī)定當(dāng)指向某元素之上時(shí)顯示的指針類型（鼠標(biāo)指向時(shí)顯示方式）

display：設(shè)置是否及如何顯示元素

float：定義元素在哪個(gè)方向上浮動(dòng)

position: 把元素放置到一個(gè)靜態(tài)的、相對(duì)的、絕對(duì)的、固定的位置

visibility ：設(shè)置元素是否可見(jiàn)或不可見(jiàn)

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。