一、盒模型：
(1) border:寬度
樣式顏色；
(2) padding: 內邊距；
(3) margin: 外邊距；
（垂直方向會合併）
(4)content;
其它操作：
(1) box-sizing: content-box;預設
border-box;固定元素大小
(2)水平居中：1. margin:0 atuo;（盒子居中）
2. text-align:center;（內容居中）
子：margin:0 -100%;
(3)垂直居中：line-height:行高；
(4)盒子陰影：box-shadow
box-shadow:h-shadow v-shadow blur
模糊距離
spread
陰影尺寸
color inset
內陰影(5)文字陰影：text-shadow
text-shadow:h-shadow v-shadow blur color
二、浮動流：脫標
float:left/right;
注：1.浮動流不區分行內、塊級和行內塊級。
2.在浮動流內不論行內、塊級和行內塊級都能
設定寬高
。清除浮動：
(1) clear:both; 預設
both; 清除左右浮動；
left; right;
注：使用clear屬性後margin會失效。
(2) 外牆法：在中間怎加額外的
，在此設定clear:both;
(3) 內牆法：在第乙個
尾部加乙個
;(4) overflow:hiden; 新增到第乙個
；在ie6中加*zoom:1;
三、定位流：
（1）相對定位relative：不脫標
，區分行內塊級。
（2）絕對定位absolute：脫標
，不區分行內塊級。
為參考點。
2.如祖先元素有定位流，則以該元素為參考點。（排除靜態定位）
水平居中：left:50%; margin-left:-xxpx;
（3）固定定位fixed：脫標
，不區分行內塊級。
注：用法和絕對定位相同，區別在於
不隨滾動條滾動
。（4）靜態定位static：預設為靜態定位。
四、過渡模組：transition:
(1) transition-property: 設定過渡的css名稱
(2) transition-duration: 設定過渡時間s/ms
(3) transition-timing-function: 速度曲線
(4) transition-delay: 延時開始時間
縮寫：transition:property duration timing-function delay;
多個css過渡用法：1) transition:property duration , property duration;
2) transition:all duration;
五、2d轉換：
(1) transform:translate(x,y); 平移
(2) transform:scale(x,y); 縮放；單位1=100%
(3) transform:rorate( ); 旋轉；單位deg
縮寫：transform:rorate(deg) translate(x,y);
注：座標系會依次變動。
基點設定：transform-origin:0px 0px;
opacity:0; 設定透明度
*perspective:500px; 設定近大遠小
css 標準流 盒模型 浮動
一 盒模型 1.1 盒子的區域 乙個盒子的主要屬性5個 width height padding border margin padding 內邊距 border 邊框 margin 外邊框 1.2 認識width height 乙個盒子的真實占有的寬度 左border 左padding width...
CSS 盒子模型 定位流 浮動
目錄 css盒子模型 1 內容得寬度和高度 2 元素的寬度和高度 3 元素空間得寬度和高度 css定位流 了解 相對定位 了解 相對定位的應用 絕對定位 了解 固定定位 靜態定位 浮動與清除浮動 了解 一 標準流中的兩種排版方式 1 垂直排版 2 水平排版 浮動 浮動流排版方式 特點 什麼是浮動元素...
CSS文件流 浮動 定位 總結
文件流指的是文件中的標籤在排列時所占用的位置。將窗體自上而下分成一行行 並在每行中按從左至右的順序排放標籤，即為文件流。也就是說在文件流中標籤缺省會緊貼到上乙個標籤的右邊，如果右邊不足以放下標籤，標籤則會另起一行，在新的一行中繼 續從左至右擺放。使標籤脫離原來的文件流，在父標籤中浮動起來。浮動使用f...