HTML 15 <div>和<span>

HTML 15 <div>和<span>

 

1.块元素，在浏览器显示时会以新行开始和结束。

HTML的块元素有：<h1> <p> <ul> <table>和<div>//divide分开

<div>是自己定义的块元素，可以把一块内容设置成块，配合CSS使用。

例如1内部样式表：

<div class=“news”>//news新闻

<h1>这是标题</h1>

<p>这是段落</p>

</div>

可以在CSS中设定样式：

<style type=“text/css”>

div.news{

  color：red；

}

</style>

例如2内联样式：

<div style=“color：red；”>//news新闻

<h1>这是标题</h1>

<p>这是段落</p>

</div>

 

2.内联元素，在浏览器显示时通常不换新行。

HTML的内联元素有：<b> <td> <a> <img> 和<span> //span跨度

<span>是自己定义的部分文本元素，可把部分文本设定成一部分，配合CSS使用。

例如1：

HTML：

<p class=“tip”><span>······</span></p>

CSS：

p.tip  span{      //这是后代选择器

  color：red；

  font-style：Times；

}

例如2：

HTML：

<p><span class=“tip”>······</span></p>

CSS：

span.tip{

  color：red；

  font-style：Times；

}