コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > divとspan_html/css_WEB-ITnoseの違い

divとspan_html/css_WEB-ITnoseの違い

WBOY
リリース： 2016-06-24 11:32:43
オリジナル
844 人が閲覧しました

はブロックレベルの要素であり、実際的なセマンティクスはなく、多くの場所で使用でき、他の要素と同じ行に置くことはできません。
と を組み合わせることもできます。「Packed in a box」は主に段落とレイアウトを組み合わせるために使用されます。 

<!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>
ログイン後にコピー

は、実際のセマンティクスを持たず、スタイルがない場合、さまざまな場所で使用できます。

と同様に、その内容は同じ行に置くことができ、その中に

を追加することはできません。段落でスタイルを定義し、非常に優れた視覚効果を表示できます。

れーれー

関連ラベル：
div和span的区别
ソース：php.cn
前の記事：Bootstrap_Javascript_pop-up_html/css_WEB-ITnose 次の記事：Bootstrap_Javascript_tab_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
CSS セレクターを使用して、特定の属性またはタグを含む div 要素をターゲットにする方法は? 私はウェブサイトを生成する POS システムに取り組んでいます。コードのほとんどは独自仕様なので、あまり編集できません。いくつかの画像がカテゴリーとしてフローティングされたカテゴリ...
から 2024-04-03 22:25:59
0
1
277
WooCommerce Checkout - ユーザーの役割とカートの内容を検証する WooCommerce のチェックアウト プロセスで問題が発生しています。通常商品とB2B商品を区別するために「B2BforWooCommerce」プラグインを使用しています。シナ...
から 2024-04-03 11:58:52
0
1
475
HTML タグ <a></a> と <a href=""></a> の違いは何ですか? 一部の Web サイトでは、テキスト領域で [url]Web サイト アドレス[/url] を使用しており、そこにアンカー テキストを追加できません。誰かこれについて説明してもらえ...
から 2024-04-02 22:46:16
0
2
403
タイトルを検索し、別の列を使用して一意性を確認する方法 データベースにスクレイピングした製品データがいくつかあるので、それを自分の Web サイトで使用したいと考えています。タイトルが「%EXAMPLE%」のすべてのアイテムを返しますが...
から 2024-04-02 21:49:55
0
1
375
HTML5 の enctype と formenctype の違いは何ですか? HTMLLivingStandard (別名、新しい HTML5 仕様) の属性 enctype と formenctype の違いは何でしょうか?私は HTML Standard...
から 2024-04-02 11:47:56
0
1
275
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート