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" href="//at.alicdn.com/t/font_472408_vhrv6h506ozdunmi.css"/>
对于想要显示图标（但是性质是文字）的元素增加两个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" href="//at.alicdn.com/t/font_472408_vhrv6h506ozdunmi.css"/>
对于想要显示图标（但是性质是文字）的元素增加两个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，效果相同
