<html> <body> <h4>块元素block level element</h4> <p>大多数 HTML 元素被定义为块级元素或内联元素。<br /> 块级元素在浏览器显示时，通常会以新行来开始（和结束）。 例子：h1, p, ul, table </p> <h4>内联元素inline element</h4> <p>内联元素在显示时通常不会以新行开始。 例子：b,td, a, img <br /> 注意：这里的b标签含义是粗体。。。</p> <h4>div元素</h4> <p>HTML div 元素是块级元素，它是可用于组合其他 HTML 元素的容器。 div 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。 如果与 CSS 一同使用，div 元素可用于对大的内容块设置样式属性。 div元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 table元素进行文档布局不是表格的正确用法。table 元素的作用是显示表格化的数据。</p> <p>来看个例子：</p> <div style="color:red"> <h3>This is a header</h3> <p>This is a paragraph.</p> </div> <div class="news"> <h3>News Header 1</h3> <p>some text.text.text....</p> </div> <div class="news"> <h2>News Header 2</h2> <p>some text.text.text....</p> </div> <h4>span元素</h4> <p>span元素是内联元素，可用作文本的容器，钙元素没有特定的含义。当与CSS一同使用时，span元素可用于部分文本设置样式属性。</p> <p>看个例子？</p> <p>看个<span>例子</span>？</p> <p>从上例可以看出，如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。因此需要加入CSS样式哈</p> <p class="tip"><span>提示：</span>... ... ...</p> <p>CSS: p.tip span { font-weight:bold; color:#ff9955; }</p> <p>这个例子还是没有看到效果哈，因为CSS不会搞。。。后面再详细看</p> </body> </html>