欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  在前面的文章里已经提到了HTML元素的分类(在HTML中使用的各元素,按照不同的特征和功能,可以分为:block元素(块级元素)、inline元素(内联元素)等概念,以及用样式表制定样式时不可或缺的<div>标签和<span>标签。
 
  block元素中包括条目、段落、图表、表单等,起输入数据的作用。可以认为它就是“一个整体、组织”。典型的block元素:
 
  <h1>——<h6>        条目标签
 
  <p>              段落标签
 
  <blockquote>     引用标签
 
  <ul>,<ol>,<li>   与表有关的标签
 
  <div>            层,制作block元素的标签     通常,block元素会形成一个占满整个横向区域的长方形,再加上宽/高(width/heigh)、余白(margin/padding)等属性,就构成了HTML文件的骨架。这一概念与样式表的盒子模型(box model)是相通的。两个block元素之间,浏览器经常显示空着一行。
 
  inline元素通常作为block元素的内容。是给block元素内特定的部分(文本、图像等)加以装饰、赋予某种功能。inline元素内可以包含其他inline元素,但不能包含block元素。典型的inline元素:
 
  a       链接标签
 
  em      强调标签
 
  strong  进一步强调标签
 
  span    制作inline元素元素的标签
 
  前面已提到了置换元素(元素指向内容的一个占位符),如<img>标签,这种元素不仅具有inline元素的性质,也有block元素的属性。有宽、高的概念。
 
  两个inline元素连在一起时,浏览器通常显示为并列。
 
  综上所述:block元素中可以包含其他block元素或inline元素;但反过来,block元素不能置入inline元素中。block元素总是在新行上开始;而inline元素则总是在同一行上开始。
 
  (注意:原则上,紧挨着<body>标签的下方,可以放置block元素,但不可以放置inline元素或文本。)
 
  用<div>标签给HTML文档内的文本、图像等元素分组,可以快速操作组内元素的样式。<div>标签可以包含<p>、<h1>等block元素,其间元素在HTML结构上没有特殊意义,只要样式的指定不改变,显示就不会改变。两个<div>标签之间不会出现空行。
 
  像<stong>标签一样,<span>标签可以给inline元素的一部分指定样式,不过这个样式是原创性的。与<div>标签一样,<span>标签在HTML结构上没有特殊意义,只要样式的指定不改变,显示就不会改变。
 
  在HTML的make-up时,有时需要显示一些特殊文字:
 
  "  “(quptation mark)
 
  &  &(ampersand)
 
  <   <(less-than sian)
 
  >   >(greater-than sian)
 
  (no-break space)

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61271.shtml