A今日所學
一、iframe標簽
通常使用方案：
結合a標簽使用，iframe的name屬性與a標簽的target屬性對應關聯，點a標簽時將跳轉的頁面裝載入iframe的空間中，而iframe的src屬性是默認時的內容頁面，例：
<iframe src="我的.html" frameborder="0"name="frame"></iframe>
<a href="test01.html" target="frame">test</a>
二、overflow時的處理
通常解決方案：
使用overflow:hidden屬性，顧名思義用于處理溢出，設置為hidden時為隱藏溢出部分，設置為scroll時為增加滾動軸
三、內聯塊元素（即并排顯示且可設置margin-top margin-bottom的元素）在設置margin-top margin-bottom時，并排的其他內聯塊元素也跟著移動（共享了margin-top margin-bottom，以最大的值來顯示最后結果）
通常解決方案：
使用垂直對齊屬性，即vertical-align，對應對text-align:center可以讓文本居中對齊的功能vertical-align可以使元素在垂直方向上達到不同的對齊效果，例：
vertical-align:top，再用margin-top不會一起移動，使用margin-bottom依然會一起移動
vertical-align:bottom，再用margin-bottom不會一起移動，使用margin-top依然會一起移動
關于頂線、中線、基線、底線的概念：
頂線、底線為整個內容區的上沿和下沿，上至margin-top所占空間的頂端，下至margin-bottom所占空間的頂端，而基線為內容區中寫英文字母x時的x底部，中線為x的中部。
關于問題原因：
元素默認垂直對齊方式為基線，故無論margin-top margin-bottom怎么改，且取最大的margin-top margin-bottom作為整行的最終margin-top margin-bottom屬性，所以并排顯示的內聯塊元素都將一起上下移動，并且相互間相對位置不變。
詳細概念可參照：http://blog.csdn.net/q121516340/article/details/51483439
四、iconfont的網絡調用方式
1.以css調用
關聯云端css文件，例：
<link rel="stylesheet" />
對于想要顯示圖標（但是性質是文字）的元素增加兩個class，一個是iconfont，一個是對應的圖標名，例：
<i class="iconfont icon-qq"></i>
以上，css地址和圖標名均在iconfont網站收藏的icon中復制，iconfont為固定名稱。
可對iconfont icon-qq增加本地css屬性，改變font-size來改變圖標大小，color改變圖標顏色等等
2.以js調用
五、盒中盒布局的一般處理方法（簡約處理）
0.一般使用百分比填寫高寬屬性；
1.對于1000px分3塊這種除不盡的格子，可以直接以33%，33%，34%處理，1%可忽略
2.對于劃邊框的方向，給出1像素（邊框寬度）的位移，否則邊框會溢出，適用于細邊框，1px可忽略，此處也可選擇將盒子變為border-box，效果相同
B今日已掌握
一、iframe標簽
通常使用方案：
結合a標簽使用，iframe的name屬性與a標簽的target屬性對應關聯，點a標簽時將跳轉的頁面裝載入iframe的空間中，而iframe的src屬性是默認時的內容頁面，例：
<iframe src="我的.html" frameborder="0"name="frame"></iframe>
<a href="test01.html" target="frame">test</a>
二、overflow時的處理
通常解決方案：
使用overflow:hidden屬性，顧名思義用于處理溢出，設置為hidden時為隱藏溢出部分，設置為scroll時為增加滾動軸
三、內聯塊元素（即并排顯示且可設置margin-top margin-bottom的元素）在設置margin-top margin-bottom時，并排的其他內聯塊元素也跟著移動（共享了margin-top margin-bottom，以最大的值來顯示最后結果）
通常解決方案：
使用垂直對齊屬性，即vertical-align，對應對text-align:center可以讓文本居中對齊的功能vertical-align可以使元素在垂直方向上達到不同的對齊效果，例：
vertical-align:top，再用margin-top不會一起移動，使用margin-bottom依然會一起移動
vertical-align:bottom，再用margin-bottom不會一起移動，使用margin-top依然會一起移動
關于頂線、中線、基線、底線的概念：
頂線、底線為整個內容區的上沿和下沿，上至margin-top所占空間的頂端，下至margin-bottom所占空間的頂端，而基線為內容區中寫英文字母x時的x底部，中線為x的中部。
關于問題原因：
元素默認垂直對齊方式為基線，故無論margin-top margin-bottom怎么改，且取最大的margin-top margin-bottom作為整行的最終margin-top margin-bottom屬性，所以并排顯示的內聯塊元素都將一起上下移動，并且相互間相對位置不變。
詳細概念可參照：http://blog.csdn.net/q121516340/article/details/51483439
四、iconfont的網絡調用方式
1.以css調用
關聯云端css文件，例：
<link rel="stylesheet" />
對于想要顯示圖標（但是性質是文字）的元素增加兩個class，一個是iconfont，一個是對應的圖標名，例：
<i class="iconfont icon-qq"></i>
以上，css地址和圖標名均在iconfont網站收藏的icon中復制，iconfont為固定名稱。
可對iconfont icon-qq增加本地css屬性，改變font-size來改變圖標大小，color改變圖標顏色等等
2.以js調用
五、盒中盒布局的一般處理方法（簡約處理）
0.一般使用百分比填寫高寬屬性；
1.對于1000px分3塊這種除不盡的格子，可以直接以33%，33%，34%處理，1%可忽略
2.對于劃邊框的方向，給出1像素（邊框寬度）的位移，否則邊框會溢出，適用于細邊框，1px可忽略，此處也可選擇將盒子變為border-box，效果相同
