css中的一些概念

来源：互联网发布：yum心意美食卡编辑：程序博客网时间：2024/06/04 18:03

行内框：行内元素产生的框

块框：块元素产生的显示框

行框：内容在一行内显示的区域

包含块：某个元素祖先元素生成的内容框生成用来包含该元素的块

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>float</title><link href="../samplecss/show.css" rel="stylesheet" type="text/css" /><style type="text/css"><!--div{background:#ff0;width:300px;margin:10px;padding:20px;}p{background:#0ff;margin:10px;padding:10px;}img{float:left;margin-right:10px;}--></style></head><body ><div id="float1">  <p><img src="img/ddcat_ad2.gif" title="浮动的图片" alt="示例图片" /><span>图片旁边的文字。图片旁边的文字。图片旁边的文字。图片旁边的文字。图片旁边的文字。图片旁边的文字。图片旁边的文字。图片旁边的文字。图片旁边的文字。图片旁边的文字。<span></p></div></body></html>

上面html代码中，p元素为img元素生成包含框。p元素为块级元素所以生成块框。span元素为行内元素生成行内框。