HTML+CSS第八课:使用CSS布局网页——网页中块级元素与行内元素、盒子模型的理解

知识点:网页中的块级元素、行内元素、盒子模型、盒子元素的背景设置、CSS精灵。

1、块级元素与行内元素

在HTML代码中,我们把标签元素按默认表现分为块级元素和行内元素两种。其中块级元素默认会独占一行,而行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化。

1.1  块级元素

 块级元素排斥其他元素与其位于同一行,可以设定元素的宽(width)和高(height),块级元素一般是其他元素的容器,可容纳块级元素和行内元素。常见的块级元素有div、p、h1~h6、ul、ol、dl、table、form等。

新的标签学习:

标签

标签没有特定的含义,它是可用于组合其他 HTML 元素的容器。语法:
其他标签或内容

标签是块级元素,浏览器会在块级元素的起始和结束处换行。
标签的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 标签进行文档布局不是表格的正确用法。
标签的作用是显示表格化的数据。

标签在没有添加CSS样式时,和

标签功能类似。

HTML+CSS第八课:使用CSS布局网页——网页中块级元素与行内元素、盒子模型的理解_第1张图片

你可能感兴趣的:(HTML+CSS网页设计)