来源:自学PHP网 时间:2014-12-15 15:58 作者: 阅读:次
[导读] html标签分为两种,内联元素和块级元素,块级元素:一般是其它元素的容器;内联元素:只能容纳文本或者其他内联元素;首先我们先了解一下内联元素和块级元素的概念...
html标签分为两种,内联元素和块级元素,块级元素:一般是其它元素的容器;内联元素:只能容纳文本或者其他内联元素;首先我们先了解一下内联元素和块级元素的概念
html标签分为两种,内联元素和块级元素,首先我们先了解一下内联元素和块级元素的概念: 块级元素:一般是其它元素的容器,可容纳内联元素和其它块级元素,块级元素排斥其它元素与其位于同一行,可设置宽度(width)高度(height)属性,正常流中的块级元素会垂直摆放。常见块状元素为“div” 内联元素(行内元素):内联元素只能容纳文本或者其他内联元素,是块级元素的后代,它允许其他内联元素与其位于同一行,不能设置高度(height)和宽度(width)。常见内联元素为“a”。 根据块级元素的概念我们可以理解为块级元素前后带有换行符,也就相当于元素前后加了一个<br>标签。我们可以把块级元素想象成一个块或一个矩形,所以块级元素能设置高度宽度属性 例: 复制代码 代码如下:#div1{ width:200px; height:200px; background:#666 } div2{ width:200px; height:200px; background:#F00 } html文件: 复制代码 代码如下:<div id="div1"> div1 块级元素排斥其他元素与其位于同一行 </div> <div id="div2"> div2 块级元素排斥其他元素与其位于同一行 </div> 显示效果: 两个div元素不位于同一行 根据内联元素的概念,我们可以理解为内联元素前后没有换行符。我们可以把内联元素想象成一条线,所以它不能设置height属性和width属性。 块级元素(block element)标签 address -地址 内联元素(inline element) a - 锚点 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com