`

CSS2.0的盒模型

CSSPHPBlog 
阅读更多
  又忙活了一天，累啊............

本来下午写了一篇很长PHP笔记的，可是没保存上，虽然这个BLOG系统不错，但是还是有些BUG.......以至我两次辛辛苦苦写的文章都没保存上。

 

发上去这个图大家来看下吧，到现在我还没研究透ＣＳＳ布局，这个图对初学者的理解很有帮助．关于ＣＳＳ的书上可能会介绍到块对象和内联对象，在这里我说下吧，这也是我刚遇到的问题．

所有可视的文档对象都是块对象(block element)或者内联对象(inline element)。例如， div 是一个块对象，span 是一个内联对象。

块对象的特征是从新的一行开始且能包含其他块对象和内联对象。从新的一行开始：比如div就是前后断行；
内联对象被呈递时不会从新行开始，能够包含其他内联对象和数据。内联可以这样理解：不从新的一行开始，直接从内容里面，接着往后走。。。是指它能被别的对象内联。。。。

分享到：
| Discuz CSS布局 缓存处理（1）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CSS2.0 中文手册

    在CSS2.0中，盒模型默认为W3C标准盒模型，但在某些浏览器中可能遵循IE盒模型。 3. **定位**：CSS2.0提供了相对定位(relative)、绝对定位(absolute)和固定定位(fixed)三种定位方式。相对定位相对于其正常位置移动，...

    css2.0使用手册

    CSS2.0盒模型包括内容(content)、内边距(padding)、边框(border)和外边距(margin)，这四个部分共同决定了元素占据的空间。 4. **布局模式**：CSS2.0支持流体布局（块级元素按行排列，行内元素按列排列）和定位布局...

    CSS 2.0 中文手册.zip

    CSS 2.0 的盒模型是理解元素尺寸和布局的基础。每个HTML元素都被视为一个矩形盒子，包含内容区、内边距、边框和外边距。元素的总宽度和高度计算方式为：内容宽度/高度 + 内边距宽度/高度 + 边框宽度/高度 + 外边距...

    CSS文档 CSS2.0.chm

    3. **盒模型**：CSS2.0定义了盒模型，这是布局的基础。每个HTML元素都被视为一个矩形盒子，包含边距（margin）、边框（border）、内填充（padding）和实际内容。理解盒模型对于精确控制元素尺寸至关重要。 4. **...

    css2.0手册 css2.0手册

    CSS2.0引入了盒模型，这是理解元素尺寸和布局的关键。盒模型由内容区域（content）、内边距（padding）、边框（border）和外边距（margin）组成。默认情况下，元素宽度和高度仅包含内容区域，但可以设置`box-sizing`...

    CSS2.0中文手册DHTMLET-Cascading Style Sheet 2.0 中文手册

    默认的W3C盒模型（适用于CSS2.0）中，宽度和高度仅计算内容区，而IE盒模型则包括内容区、内边距和边框。 **定位** CSS2.0提供了绝对定位、相对定位和固定定位。相对定位使元素相对于其正常位置移动，而绝对定位则相...

    CSS 2.0中文手册

    3. **盒模型**：CSS 2.0盒模型描述了元素在页面上占据的空间，包括内容区域、内边距、边框和外边距。理解盒模型对于精确布局至关重要。 4. **定位**：CSS 2.0引入了相对定位、绝对定位和固定定位，这些定位方式让...

    CSS2.0DOC文档

    3. **盒模型**: CSS2.0盒模型包括内容(content)、内边距(padding)、边框(border)和外边距(margin)，这四部分共同定义了元素的尺寸和位置。 4. **定位机制**: CSS2.0提供了静态定位、相对定位、绝对定位和固定定位，...

    css2.0 中文API

    CSS2.0盒模型定义了元素占据的空间，包括内容区域、内边距（padding）、边框（border）和外边距（margin）。理解盒模型对于布局至关重要，特别是`box-sizing`属性，它决定了元素的总宽度和高度是否包含边框和内边距...

    CSS2.0开发手册

    2. **盒模型**：CSS2.0盒模型包括内容区域、内边距（padding）、边框（border）和外边距（margin）。理解这个模型对于布局设计至关重要，因为它定义了元素占用的空间。 3. **定位机制**：CSS2.0提供了静态定位、...

    CSS2.0(CHM版)

    CSS2.0中的盒模型是理解布局的关键。每个HTML元素都被视为一个矩形的盒子，包括内容区域（content）、内边距（padding）、边框（border）和外边距（margin）。盒模型的总宽度和总高度计算方式有两种：W3C标准盒模型...

    CSS2.0帮助文档

    其中，CSS2.0的默认盒模型（W3C盒模型）将`width`和`height`定义为内容区域的大小，而`border`和`padding`是在此之上的额外空间。 ### 5. 颜色和背景 - **颜色**：除了基本的颜色名称，CSS2.0还支持十六进制、RGB...

    css2.0.rar_css实例

    2. **盒模型**：CSS2.0盒模型是理解布局的关键。它包括元素的内容区域、内边距（padding）、边框（border）和外边距（margin）。盒模型的不同处理方式（W3C标准和IE盒模型）在跨浏览器兼容性上需要注意。 3. **定位...

    css2.0 css2 帮助文档

    CSS2.0引入了盒模型，每个HTML元素都可以看作一个矩形盒子，包括内容区域（content）、内边距（padding）、边框（border）和外边距（margin）。盒模型对于理解元素的尺寸和布局至关重要。 四、定位机制 CSS2.0提供...

    css2.0中文参考手册

    首先，CSS2.0引入了盒模型，这是理解CSS布局的基础。盒模型包括元素的内容区域、内边距（padding）、边框（border）和外边距（margin）。这个模型允许开发者精确控制元素的尺寸和空间，实现复杂的页面布局。 其次，...

    Css2.0

    盒模型对于布局管理至关重要，但需要注意的是，CSS2.0盒模型与后来的CSS3盒模型有所不同，后者的内容宽度不包含边框和内边距。 3. **定位系统**：CSS2.0引入了绝对定位（`position: absolute`）和相对定位（`...

    css2.0帮助文档

    CSS2.0盒模型是理解元素布局的基础。每个HTML元素都被视为一个矩形盒子，包含内容区（content）、内边距（padding）、边框（border）和外边距（margin）。盒模型有两种：标准模式（W3C盒模型，`width`包含内容区+内...

    CSS 2.0 样式表中文手册

    CSS 2.0盒模型是理解网页布局的关键。它将每个HTML元素视为一个矩形盒子，包括内边距（padding）、边框（border）、外边距（margin）和内容（content）区域。元素的总宽度和高度由这些部分组成，可以独立调整以实现...

    CSS2.0中文手册（苏小雨）

    7. **盒模型**：定义了元素的width、height、padding和border，形成了完整的盒模型概念，有助于理解元素的尺寸计算。 8. **媒体查询**：CSS2.0引入了初步的媒体查询，虽然不如CSS3中的功能强大，但也能实现简单的...

    CSS2.0完美参考手册

    CSS2.0的盒模型是理解布局的基础，它包括内容区域、内边距（padding）、边框（border）和外边距（margin）。盒模型决定了元素占据的空间，可以通过`box-sizing`属性来调整盒模型的行为。 **三、定位与布局** CSS2.0...

Magicbox
Global site tag (gtag.js) - Google Analytics