3.1盒模型
當兩個或者更多垂直外邊距相遇時，他們將形成乙個外邊距，這個外邊距的高度等於兩個發生疊加的外邊距的高度中的最大者。
如果沒有外邊距疊加，後續所有段落之間的空間將是相鄰外邊和底外邊距的和，這意味著段落之間的空間是頁面頂部的兩倍，這樣就不太好看了
3.2定位概述
p,h1,div等元素成為塊級元素，這意味著這些元素顯示為一塊內容，而strong和span稱為行內元素，因為他們的內容顯示在行內。
css中有三種基本的定位機制：普通流、浮動和絕對定位。
塊級框從上到下乙個接著乙個垂直排列，框之間的垂直距離有框的垂直外邊距計算出來。
而行內框在一行中水平排列，可以用水平內邊距，邊框和外邊距調整他們的水平間距，杭匡的高度總是足以容納他包含的所有行內框。但是，設定行高可以增加這個框的高度。
display：block——可以讓行內元素表現的像塊級元素那樣
display: none——讓生成的元素沒有框，這個框的內容就不在顯示
display：inline-block——這個宣告讓元素像行內元素一樣水平依次排列，但是框內的內容仍然符合塊級框的行為。
但是在一種情況下，就算沒有定義也會建立塊級元素，這種情況就是將一些文字放在塊級元素當中比如div中，他會自動被當成塊級元素對待。
絕對定位和相對定位
我們討論相對定位的時候：
1、先把這個塊設定為position:relative
2、然後用top和left來設定
關於這個定位問題，相對定位實際上被看做普通流（也相當於文件流）定位模型的一部分，因為元素的位置是相對於它在普通流中的位置的。
當瀏覽器開始渲染 html 文件，它從視窗的頂端開始，經過整個文件內容的過程中，分配元素需要的空間。除非文件的尺寸被 css 特別的限定，否則瀏覽器垂直擴充套件文件來容納全部的內容。每個新的塊級元素渲染為新行。行內元素則按照順序被水平渲染直到當前行遇到了邊界，然後換到下一行垂直渲染。這個過程被成為普通文件流。
但是絕對定位跟文件流無關，因此不佔據空間。
相對定位是「相對於」元素在文件流中的初始位置，也就是相對於自己原來的那個位置移動，而絕對定位是「相對於」距離他最近的已定位的祖先元素，如果不存在，那麼相對於初始包含模組，絕對定位是根據上一輩的位置而決定的。
浮動浮動框是不在普通流裡面的，所以文件的普通流中的塊框表現得就像浮動框不存在一樣（可以想象成乙個框加了浮動之後會飄起來，在天空中行走）
了解浮動之後我們應該要知道clear這個不得不提的好東西。如果浮動的元素後面有乙個文件流中的元素，那麼這個元素的框會表現的像浮動根本不存在一樣，但是框的文字內容會受到浮動元素的影響，會移動以留出空間，這個時候文字內容就會緊貼著浮動元素，很難看，所以clear就出來了，有right，left，both，none，他表示框的哪邊不應該挨著浮動框。
有的時候clear不單單是隔開浮動元素,因為浮動元素不佔據空間，所以容器元素不包圍他們所以我們需要用到clear來使容器元素假裝包圍了浮動元素
浮動
視覺化基礎 （3）
本篇只是讓大家對於webgl 有個大致認知即可，了解他的大致流程 因為我們在專案中的開發都是基於各種封裝好的框架 如 three.js等 webgl 是一種繪圖協議，本質基於的元素標籤還是canvas 語言大部分還是我們前端的這些語言，只是新增了乙個著色器語言glsl es,但是我們不了解這個沒有關...
精通CSS 第2章 視覺化格式模型
第2章 為樣式找到應用目標 選擇器 常用選擇器 1 類選擇器 2 後代選擇器 第三章 視覺化格式模型 3個最重要的css概念是浮動 定位 盒模型,這些概念控制在頁面上安排和顯示元素的方式 3.1 盒模型概述 外邊距疊加 外邊距 當二個或更多垂直外邊距相遇時，它們將形成乙個外邊距。這個外邊距的高度等於...
精通C Chapter3學習筆記
1 應用程式物件 定義main方法的類 2 static關鍵字 靜態成員是類級別的，而不是物件級別的，使用時不用先定義物件 3 main 方法是隱式私有的 private 4 慣例 返回值0表示程式正常結束 其他值表示非正常結束 void main 方法其實隱式返回0 5 system.enviro...