content (元素自身高度)
padding 内边距 (上、右、下、左) 上右
border 边框 默认是宽度是3px 颜色是黑色 border-top-style:solid (dashed dotted);
margin 外边框
margin:上、右、下、左
居中 margin:0 auto;
父级子级的关系 当一个元素在父级里,给子级使用margin时。
1在父子级时 用padding代替margin -top,给父级加
2、给父级加上一个border
3 overflow:hidden;超出隐藏
做三角形时,只需要给标签设置一个boder值,三个边框为border:1px solid transparent ;
另一个边框是1px solid 颜色;
注意:两个div分别有margin-right、margin-left margin间距为之和
两个div分别有margin-bottom、margin-top 取两个元素的最大值, 一正一负求其和
blockinlineinline-block 之间的转换 inline-block 支持宽高又独占一行 display:none;这个地方是隐藏,用于js中
display:block;显示出来
display:none; 隐藏之后不占据位置
visibility:hidden;还存在位置 只是不显示
span 支持左右的paddingmargin的值
margin的影响 borderpadding影响元素的宽高
a标签详解 hover active link visited
第二节
float: float:left float:right 给行标签设置也可以设置块级元素 行元素这时候可以使用marginpadding值
reset.css(自己总结)
清楚浮动的影响:1、给父级加上一个高度
2、给父级加overflow:hidden
3clear:both 清除浮动 在最后一个元素加上clear:both清除浮动
<div><div class=“div1”></div><div class=“div2”></div></div>
overflow属性 visible auto hidden scroll overflow-x:hidden overflow-y:hidden
clear:
a标签的伪类
hack技术
relative相对定位
相对原来位置发生的位移 位移之后原来的位置还在
absolute 绝对定位 如果父级有定位元素就根据父级的大小定位,如果父级没有定位,就一级一级的向上找,知道body为止;
绝对定位一般是配合相对定位使用。移动之后位置就没有了
z-index不能设置负值
fixed:固定定位 相对浏览器当前窗口的指定坐标。
opacity透明度 opacity:0; 0~1
filter:alpha(opacity=number) 0~100