? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 定位
? ?1,定位方式 ?position ? ?
? ? ? ? ? ? ? static(默认值):对象遵循常规流,top,right,bottom,left等属性不会被应用;
? ? ? ? ? ? ? relative:对象遵循常规流 ?top,right,bottom,left等属性会被应用,在应用时 他的偏移不会影响流中任何元素;
? ? ? ? ? ? ? absolut :不遵循常规流,通过用top,right,bottom,left等属性进行绝对定位,盒子的偏移位置不影响常规流中的任何元素,其margin不与其他任何margin折叠,其层叠通过z-index属性定义。
? ? ? ? ? ? ?center:对象脱离常规流,使用top,right,bottom,left等属性指定盒子的位置或尺寸大小。盒子在其包含容器垂直水平居中。盒子的偏移位置不影响常规流中的任何元素,其margin不与其他任何margin折叠,其层叠通过z-index属性定义;
?
?
? ?2,层叠顺序z-index
? ? ? ? ?auto:遵从其父对象的定位
? ? ? ? ?<integer>:用整数值来定义堆叠级别。可以为负值。 ? ? ?
? ? ? ? 注:这个值必须是在对象脱离常规流是才会生效
?
? ?3,top ?right ?botton left
?
?
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 布局
?
?1,display ? 设置对象是否显示 该如何显示
? ? ? ? ? ? ? ? ? ? ?如果该对象隐藏,那么不会为该对象预留物理区域;
?
?2,设置对象是否显示?visibility ??
? ? ? ? ? ? ? ? ? ? ??visible:设置对象可视
? ? ? ? ? ? ? ? ?hidden:设置对象隐藏? ? ? ? ? ? ? ? ?collapse:主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象,其作用等同于hidden。
? ? ? ? ? ? ? ? ? 注:如果影藏对象 ? 那么还会为对象预留物理空间
?3,folat ?设置浮动
? ? ? ? ? ? ? ?none:设置对象不浮动
? ? ? ? ? ? ? ?left:设置对象浮在左边? ? ? ? ? ? ? ?right:设置对象浮在右边?
?4,浮动控制器 clear
? ? ? ? ? ? ? ??none:允许两边都可以有浮动对象
? ? ? ? ? ? ? ? both:不允许有浮动对象? ? ? ? ? ? ? ? left:不允许左边有浮动对象? ? ? ? ? ? ? ? right:不允许右边有浮动对象? ? ? ? ? 注:用来设置folat是否有效的
5,用来设置高和宽超过指定尺寸时的处理方式 ?overflow? ? ? ??
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?常用标签margin外部距离 ? padding内部距离 ?border边框(宽度 ?样式 ?颜色)