一、一些術語
1、替換元素與非替換元素
非替換元素，如果元素的內容包含在文件中，則稱之為非替換元素。eg.這個段落就是非替換元素
替換元素，指用作為其他內容佔位符的乙個元素。eg.src="" title="" alt="" />
2、正常流
這裡指西方語言文字從左向右、從上向下顯示，這也是我們熟悉的傳統html文件的文字格局。大多數元素都在正常流中，要讓乙個元素不在正常流中，唯一的辦法是使之成為浮動或定位元素。
二、水平格式化
1、乙個規則：正常流中塊級元素框的水平部分總和就等於父元素的width。
父級元素width=margin-left + borde-left + padding-left + padding-right + border-right + margin-right
2、水平格式化的7大屬性
這7大屬性中，只有有3個可以設定成auto. margin-left,margin-right,width;
3、使用auto
如果將margin-left,margin-right,width這3個屬性中的某個值為auto，而餘下的兩個元素為特定值的話，那麼設定成auto的屬性會確定所需要的長度，從而使元素框的寬度等於父元素的width。
而，將這三個屬性都設定為非auto的某個值（按照css術語，這些格式化屬性過分受限（overconstrained））,此時，使用者**會把margin-right強制為auto。
4、負外邊距
a) 注意：水平格式化的7大屬性，只有margin-left,margin-right可以為負。
b) 7大水平屬性的總和要等於父元素的width，只要所有元素都大於或等於0，元素就不會大於其父元素的內容區。所以，當指定負外邊距時可以得到比父元素更寬的子元素。
eg.100px + 0 + 0 +440px + 0 + 0 -50px = 400px
於是，嚴格來說，元素的7項水平屬性的總和不能比其包含塊的元素更寬。
c) 適當條件下，指定乙個左外邊距時，不僅會超出其包含快的邊框，還會超出瀏覽器視窗本身的邊界。
三、垂直格式化
視覺SLAM學習筆記7
由於旋轉矩陣，旋轉向量等方法描述旋轉是十分不直觀的，我們很難直接通過矩陣和向量來想象中國旋轉是什麼樣的，因此引入尤拉角，提供一種非常直觀的方式來描述旋轉，使用三個分離的轉角，把一次旋轉分解成三次繞不同軸的旋轉，分解的方式可以有很多，zyx即 偏航 俯仰 滾轉 yaw pitch roll 是比較常用...
視覺SLAM基本問題
雙目相機 rgb d 怎麼通過影象計算幀間運動 針孔相機模型 n在視覺里程計中，乙個最基本的問題是 給定兩個已經成功匹配的空間點在相機平面投影的座標，如何計算相機在這兩個空間點之間的運動狀態 問2 如何計算狀態 作用 當相機在空間中運動的時候，很有可能出現相機所在的點在之前到達過的情況。此時三維重建...
視覺SLAM筆記（7） 歐氏變換
與向量間的旋轉類似，同樣可以描述兩個座標系之間的旋轉關係，再加上平移，統稱為座標系之間的變換關係 在機械人的運動過程中，常見的做法是 設定乙個慣性座標系或者叫 世界座標系 可以認為它是固定不動的 例如 xw,yw,zw 定義的座標系 同時，相機或機械人則是乙個移動座標系，例如 xc,yc,zc 定義...