盒模型：規定單個盒子的規則
視覺視覺化模型(布局規則)：頁面中的多個盒子的排列規則
視覺視覺化模型，大體上將頁面上的盒子分為三種排列規則
常規流 浮動 定位
常規流 文件流 普通文件流 常規文件流
所有元素，預設情況下 都屬於常規流布局
總體規則：塊盒獨佔一行 行盒水平一次排列
包含塊(containing block):每個盒子都有包含塊，包含塊決定了盒子的活動範圍
絕大部分情況下：盒子的包含塊，為父元素的內容盒
塊盒
每個塊盒的總寬度，必須等於包含塊的寬度
寬度的預設值為auto
margin的取值也可以取值為auto 預設值 0
auto：將剩餘空間吸收掉
width的吸收能力大於margin
若 寬度 邊框 內邊距 外邊距計算過後還沒有沾滿整個包含塊 剩下的空間將被margin-right全部吸收
在常規流中，塊盒在包含塊中居中，可以定寬然後左右margin設定為auto。
每個塊盒垂直方向上的auto
height：auto 適應內容高度
margin：auto 表示0
百分比取值
padding寬高、margin寬高可以取值百分比
以上所有百分比相對於包含塊的寬度 跟高度沒有任何關係
高度的百分比1)包含塊的高度是否取決於子元素的高度：當包含塊(父元素的內容區)沒有設定高度，子元素設定的高度為50%時這樣的設定無效
2)包含塊的高度不取決於子元素的高度 當包含塊(父元素的內容區)設定高度時，子元素設定高度為50%時這樣相對於包含塊的高度
上下外邊距的合併
兩個常規流，上下兩個外邊距相鄰會合併 當上下兩個外邊距的值不同時 取最大值
父子元素與子元素的外邊距相鄰也會合併
當父元素與子元素隔了乙個邊框時就不會合併
橫向排列
文字環繞
修改float的屬性值：
-left：左浮動，元素靠上靠左
-right：右浮動，元素靠上靠右
預設值為none
當乙個元素浮動後，元素必定為塊盒(浮動後會更改display屬性為block)
浮動元素的包含塊，和常規流一樣，為父元素的內容盒
當寬度(width)為auto時適應內容寬度 不會吸收剩餘空間 預設值為0 適應內容寬度
當高度(height)為auto時適應內容高度 預設值為0 適應內容寬度
margin為auto時 為0 四個方向都是 不會吸收剩餘空間
邊框 內邊距 百分比設定與常規流一樣 基於父元素
左浮動的盒子靠上靠左排列
右浮動的盒子靠上靠右排列
浮動盒子在包含塊中排列時會避開常規流盒子
常規流盒子在排列時，無視浮動盒子
外邊距合併 在浮動中不會發生
行盒在排列時會避開浮動盒子
如果文字沒有在行盒中，瀏覽器會自動生成乙個行盒包裹文字 該行盒叫做匿名行盒
—文字環繞的做法：只需要把需要環繞的盒子浮動起來
高度坍塌的原因：當常規流的高度自動時，在計算時不會考慮浮動盒子 只考慮常規流盒子
解決辦法：清除浮動 涉及css屬性：clear
-預設值：none
-left：清除左浮動，該元素必須在所有左浮動的盒子的下方
-right：清除有浮動，該元素必須在所有右浮動的盒子的下方
-both：清除左右浮動，該元素必須在所有浮動的盒子的下方
在高度坍塌的盒子上新增乙個after偽元素 在after偽元素上新增clear屬性定位：手動控制元素在包含塊中的精準位置
涉及的css屬性：position
乙個元素的position值不是static，認為該元素是乙個定位元素
定位元素會脫離常規流 (相對定位除外)
乙個脫離了常規流的元素的特點：
常規流中的元素擺放時，會忽略脫離了常規流的元素
常規流中元素計算自動高度時，會忽略脫離常規流的元素
不會導致元素脫離文件流，只是讓元素在原來位置上進行偏移
盒子的偏移不會對其他盒子造成影響
當盒子的寬度為auto時，適應內容寬度 寬度預設值為0 適應內容寬度
包含塊：找祖先元素中的第乙個定位元素，該元素的填充盒為其包含塊 若找不到則包含塊為整個頁面(初始化包含塊);
其他情況和絕對定位完全相同只有包含塊不同
包含塊：固定定位的包含塊為視口(瀏覽器的視覺化視窗)
某個方向居中：
定寬高將上下左右的距離設定為0 如 left:0 rigth:0 top:0 bottom:0
在將上下左右的margin設定為auto
絕對定位和固定定位中，margin為auto時，會自動吸收剩餘空間 與常規流相似(上下左右都會吸收剩餘空間而常規流只在水平方向吸收) 浮動不吸收
堆疊上下文
設定z-index，通常情況下，該值越大，越靠近使用者
只有定位元素設定z-index才有效
z-index可以是負數，如果是負數，則遇到常規流元素，浮動元素會覆蓋定位元素
caffe模型視覺化
通過前面的學習，我們已經能夠正常訓練各種資料了。設定好solver.prototxt後，我們可以把訓練好的模型儲存起來，如lenet iter 10000.caffemodel。訓練多少次就自動儲存一下，這個是通過snapshot進行設定的，儲存檔案的路徑及檔名字首是由snapshot prefix...
TensorBoard模型視覺化
tensorboard是乙個基於瀏覽器的互動式工具，可以讓我們看到學習過程，並探索我們訓練好的模型。要執行tensorboard，首先到命令終端 開始 anaconda anaconda prompt,輸入activate tensorflow 然後，告訴tensorboard記錄的相關摘要 ten...
pytorch模型視覺化
先把tensorflow和pytorch安裝好 之後在pytorch環境裡 pip install tensorboardx 將with summarywriter comment lenet as w w.add graph model,varinput,新增到模型和輸入的後面，類似這樣注意引數第...