当前位置: 首页>>新闻中心>>公司新闻

临沂网站建设css定位方法简介

时间:2021-09-15 03:42:15来源:本站 作者:admin
  临沂网站建设css定位方法简介
  css有4种基本的定位机制:普通流、相对定位、浮动定位和绝对定位,在了解这4种定位机期之前介必要区分一下块级元素和行内元素。
  1.块级元素和行内元素
  p、hl以及等被称为块级元素,即这些元素是一块内容,一般占据一行以上。而span.strong等元素的内容一般显示在一行中,称为行内元素。行内元家一般嵌套在块级元素之中。可以使用display属性来改变生成的框架类型,即可以通过将该属性设置为block把本来为块级元素的改为行内元素,也可以通过设置该属性位为inline,把本来的行内元素史改为块级元素。
  2.外边距(margin)的垂直叠加
  当两个(块级)元素相遇时,它们之间将只有一个垂直外边姖,外边距的高度等于两个外边距的较大者。当一个元素包含另外一个元素时,它们的顶部或者底部的外边距也会叠加。当一个元素内容为空,而且没有边框(borger)或名内填充(押诎叩〉时,它的上下外边距也照样会叠加。
  垂直叠加看起来有些奇怪,实际上它是非常有意义的。比如一个有很多段落的文章,段落之间的垂直外边距如果不发生黉加,那么段落之间的空间则是顶部和底部的两倍。当垂直叠加发生时,顶部、底部和中间的空隙就是一致的了。
  3.普通流
  默认的定位是遵从普通流的方式。普通流中元素框架的位置根掘元素在HTML代码中的位置,在浏览器的可显示区域从左到右的顺序存放,按照由上到下或者从左到右的顺序存放。对于块级元素,它们从上到下一个接一个排列;框之间的垂直距离由框的垂直的内填充、边框和外边距共同计算出来,而行内元素在一行中水平放置,可以使用水平(right和left)的内填充、边框和外边距来计算。
  4.相对定位
  相对定位以皆通流定位为基础,通过设置垂直或者水平位置,让这个元素“相对于本属于普通流”的位置相对移动。相对定位需要将position属性设贤为relateive。
(责任编辑:admin)
------分隔线----------------------------