一、审查元素中stytle样式从内到外:
100x100(内容)-padding(不用管)-border(表格边框)-margin(表外边框/边距)
默认margin=10;
二、-------div嵌套
<div id="a">a<div id="aa">aa</div></div>
------a占一行,aa占一行
<div id="a">a</div>
<div id="aa">aa</div>
三、position:fixed;------相对于浏览器的位置进行锁定。
position:absolute;-------只有在有父级并且父级里头有position属性时才会相对父级坐标定位。其他时候都是相对浏览器定位。
position:relative;------不会。
四、分层
z-index;
在z轴方向分层,可以理解为分成一摞纸,层数越高越靠上。
在不设分层时,默认后写的代码覆盖先写的代码。
五、流式布局------网页广告
float:left,right;//浮动
六、1.overflow:hidden; //超出部分隐藏;
overflow:scroll; //超出部分显示出滚动条;
overflow:visible;
2.半透明效果:
<div class="box">透明区域<div>
在样式表中的代码为:
.box
{
opacity:0.5; -moz-opacity:0.5 ; filter:alpha(opacity=50)
}
No Excuse~