p.s：這是我在學習中總結出來知識，如有不對，請多包涵。謝謝。
css樣式：行內樣式，內部樣式，外部樣式，他們的優先順序是：行內，內部，外部，遵循就近原則。
一、html+css布局分為三大類，一是流式布局，二是浮動布局，三是絕對定位布局。
1、流式布局
流式布局，如同水經過不同通道，呈現出不一樣的方式。流式布局也是如此。流式布局（liquid）的特點（也叫"fluid") 是頁面元素的寬度按照螢幕進行適配調整，主要的問題是如果螢幕尺度跨度太大，那麼在相對其原始設計而言過小或過大的螢幕上不能正常顯示。
2、浮動布局
利用float（浮動）屬性來並排定位元素，並在網頁上建立列。可以利用這個屬性來建立乙個環繞在周圍的效果，例如環繞在**周圍，但是當你把它應用到一 個標籤上時，浮動就變成了乙個強大的網頁布局工具。float屬性把乙個網頁元素移動到網頁（或者其他包含塊）的一邊。任何顯示在 浮動元素下方的html都在網頁中上移，並環繞在浮動周圍。
3、絕對定位布局
通過設定position屬性實現的布局，是css中規定的第三種定位機制，能夠實現橫向多列布局及較為複雜的定位。position屬性：（1）靜態定位（2）相對定位（3）絕對定位
可設定4個屬性值：static（靜態定位）| relative（相對定位）| absolute（絕對定位）| fixed（固定定位）。
二、w3c標準
如圖所示：
三、css規定的定位機制
1.標準文件流：
標準文件流：從上而下，從左到右，輸出文件內容。由塊級元素、行級元素構成。
塊級元素：從左到右撐滿頁面，獨佔一行，觸碰到頁面邊緣時，會自動換行。如、、、、和等等.....
行級元素：能在同一行內顯示，不會改變html文件結構，無法設定寬高,如果想設定寬高，需加入display：block 或者inline-block;如：、
和大部分表單元素。
塊級元素和行級元素都屬於盒子模型。
盒子模型=網頁布局的基石，由4部分組成：
1、邊框（border）
2、外邊距（margin）
3、內邊距（padding）
4、盒子中的內容（content）
如圖所示：
盒子模型尺寸：border+padding+margin+盒子內中尺寸。
CSS規範裡的一些事 一
前言 以下內容總結於css2.1規範，一 盒子模型 以上圖形說的是盒子模型中的content padding border margin邊界。樣式盒的內容區的尺寸 content width和content height 取決於幾個因素 生成該盒的元素是否設定了 width 或 height 屬性，...
OpenGL學習 一些雜碎事
最近用了乙個多月的opengl，深感做graphics對程式設計能力的要求和image processing不是乙個檔次的。opengl的使用需要對其有著深入了解才不容易出問題，否則乙個細節上的疏忽都有可能讓你跪了。一些小問題整理下吧，有些我也不知道答案，只找到了原因，但不知道為什麼。1.關於ope...
一些人，一些事，一些
我覺得這是國內it企業浮躁和傳統的官本位性質決定的，導致國內企業都本末倒置。要想改變命運，我覺得有以下出路 1.不做技術了，改做混混 混混的概念很廣泛的，比如銷售 經理 幹部 皮包公司之類其實都屬於這類。中國就是這樣，越浮越掙錢，只有混混才能發財。要不更進一步，做流氓，廣義的流氓，也很不錯。2.專心...