div和span的区别_html/css_WEB-ITnose-html教學-PHP中文網

首頁

web前端

html教學

div和span的区别_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:32 AM

是一个块级元素，我们可以把它比喻成盒子，它没什么实际语义能用到很多地方，独占一行不能和其它元素在一行，它还能把

和”装在盒子里”，主要用来组合段落和布局。

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>div</title>    <style>        div.b{width:500px}        div.b span{color:blue}        div.b div{float: right}    </style></head><body><div class="b">    <p>我是一个<span>被span包含的段落</span></p>    <div>        <p>我是在div里的div</p>    </div></div></body></html>

登入後複製

<strong>*h1是块级元素的</strong>

登入後複製

是行内元素，我们可以把它比喻成袋子，它也没有实际语义也能用到很多地方，如果没有样式它在视觉上和

一样,能和其它元素在一行，它的内容有多大宽度就有多宽，不能再里面添加

，它能把段落中的某一段”装起来”定义样式，能呈现很好的视觉效果。

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>span</title>    <style>        div.a span{color:red}    </style></head><body><div class="a">    <ol>        <li><span>2015.11.20</span>财务</li>        <li>2015.11.20<span>人事</span></li>        <li>2015.11.20销售</li>    </ol>    <ul>        <li>我</li>        <li><span>是</span></li>        <li>谁</li>    </ul></div></body></html>

登入後複製

<strong>*ol、li、ul是块级元素</strong>

登入後複製

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7814

Java教學

1646

CakePHP 教程

1402

Laravel 教程

1300

PHP教程

1238

Related knowledge

HTML容易為初學者學習嗎？ Apr 07, 2025 am 12:11 AM

HTML適合初學者學習，因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩，易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高，可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML，CSS和JavaScript的角色：核心職責 Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。

了解HTML，CSS和JavaScript：初學者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

HTML中起始標籤的示例是什麼？ Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。