Web学习之CSS总结

银角大王武Sir的博客地址

1.positoin属性固定元素的定位类型

说明：这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而无论该元素是什么类型。相对定位元素会相对于它在正常流中的默认位置进行偏移

默认值	static
继承性	no
版本	CSS2
Javascript语法	object.style.position="absolute"

可能的值　　

值	描述
absolute	生成绝对定位的元素，相对于static定位以外的第一个父元素进行定位 元素的位置通过'left'、'top'、'right'、'bottom'属性进行规定
fixed	生成绝对定位的元素，相对于浏览器的窗口进行定位 元素的位置通过'left'、'top'、'right'、'bottom'属性进行规定
relative	生成相对定位的元素，相对于其正常位置进行定位 因此left:20px;表示向元素的left方向偏移20px
static	默认值，没有定位，元素出现在正常的流中（此时忽略top、bottom、left、right）
inherit	规定应从父元素继承position属性的值

2.margin外边距

说明：margin(外边距)定义元素周围的空间，属性接受任何长度单位、百分数甚至负数

可能的值

值	说明
auto	设置浏览器的间距 这样做的的效果会依赖浏览器
length	定义一个固定的margin（使用像素，pt、em等）
%	定义一个使用百分比的边距

3.float浮动　　

说明：定义元素在那个方向浮动，浮动元素会生成一个块级框

注意使用float会是周围的元素重新排列，需要清除浮动。

4.z-index图层级别

说明：定义元素的图层级别，界别越高，限制最外层

5.解决img标签间距问题

猛戳这里

6.块级标签和内联标签的区别

猛戳这里