精通CSS与HTML设计模式 第六章（盒型模型属性）

.z
{
border: solid 1px;
width: 100px;
height: 50px;
background-color: #869FEA;
margin: 10px;
float: left;
text-align: center;
}

function b(){
var B= document.getElementById("B");
var i=0;
setInterval(function(){
var v1="hidden";
var v2="visible";
if(i%2){
B.style.visibility=v1;
}
else{
B.style.visibility=v2;
}
i++;
},1000)
}

function c(){
var B= document.getElementById("E");
var i=0;
setInterval(function(){
var v1="none";
var v2="block";
if(i%2){
B.style.display=v1;
}
else{
B.style.display=v2;
}
i++;
},1000)
}
window.onload=function(){b();c();};
因为第五章实在没什么好写的，看了以后就没写博客了

第六章也简写几个感兴趣的属性

（一）visibility和display

visibility是只隐藏,但不并不移出DOM结构，因为元素还占领着其本身的位置 hidden 和 visible

display也是隐藏，但他移出了DOM结构，此元素不存在其位置 none 和 block

A
B
C

D
E
F

(二) 分页 （page-break-after page-break-befor）

page-break-after :在元素之后插入分页符

page-break-befor：在元素之前插入分页符

注：前一元素page-break-after ， 后一元素page-break-before 插入一张空白符