本文详细介绍了HTML中的块元素<div>和内联元素<span>的使用方法，包括如何通过CSS对这两种元素进行样式设置，并提供了具体的代码示例。
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；
}
扫一扫
466
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
