好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS基础学习十七:CSS布局之定位_html/css_WEB-ITnose

在我们开始学习CSS布局之前,先来了解一下文档流的概念。文档流即是HTML的布局机制,块级元素占一行,

行内元素不占一行。将窗体自上而下分成一行行,并在每行中按从左往右的顺序排放元素。

一CSS定位和浮动概述

CSS定位属性允许你对元素进行定位。CSS为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,

将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。定位的基本思想很简

单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的

位置。显然,这个功能非常强大,也很让人吃惊。浮动不完全是定位,不过,它当然也不是正常流布局。

(1)一切皆为框

div、h1或 p元素常常被称为块级元素。这意味着这些元素显示为一块内容,即“块框”。与之相反,span和strong

等元素称为“行内元素”,这是因为它们的内容显示在行中,即“行内框”。我们可以使用display 属性改变生成的框的类

型。这意味着,通过将display属性设置为block,可以让行内元素(比如元素)表现得像块级元素一样。可以通过

把display设置为none,让生成的元素根本没有框。这样的话,该框及其所有内容就不再显示,不占用文档中的空间。

但是在一种情况下,即使没有进行显式定义,也会创建块级元素。这种情况发生在把一些文本添加到一个块级元

素(比如div)的开头。即使没有把这些文本定义为段落,它也会被当作段落对待:

some text

Some more text.

查看更多关于CSS基础学习十七:CSS布局之定位_html/css_WEB-ITnose的详细内容...

  阅读:35次