ホームページ >ウェブフロントエンド >CSSチュートリアル >HTMLとCSSでDIVとspanを使用するにはどうすればよいですか?

HTMLとCSSでDIVとspanを使用するにはどうすればよいですか?

云罗郡主
云罗郡主オリジナル
2018-11-05 14:22:193409ブラウズ

この記事は、CSS と HTML の「div」と「span」を理解して使用し、CSS でスタイルを設定するのに役立ちます。 「div」を使用する主な目的は本体をより小さな部分に分割することですが、「span」は行内の領域を定義するために使用されます。

HTMLとCSSでDIVとspanを使用するにはどうすればよいですか?

1: 1. 1.html の div

を使用してメモ帳を開き、基本的な HTML 構造を入力します。基本的には HTML 内に本文が含まれます。

2.

タグを body タグ内に配置します。 div はコンテナ タグであるため、ページ上で分割するには

などの
を続ける必要があることに注意してください。そのため、
内で div タグを使用することもできます。

Two: 1.

# を使用して

の ID を作成することも、単純に div を記述して高さ、幅などを設定することもできます。ただし、div が多数ある場合は、ID を使用することをお勧めします。

2.span

を使用して タグを記述し、 で閉じます。通常、span タグは行の一部を選択し、それに特定のプロパティを適用するために使用されます。ただし、これを使用して複数の行を選択することはできます。

ヒント:

はコンテナ タグであるため、閉じる必要があることを常に覚えておいてください。

1 つの大きな

を作成し、その中に多数の
を含めることができます。

テーブルを使用する代わりに

を使用して Web サイトをレイアウトできます。

上記は、HTML と CSS での DIV と Span の使用方法の完全な紹介です。CSS3 チュートリアル について詳しく知りたい場合は、php 中国語 Web サイトに注目してください。


以上がHTMLとCSSでDIVとspanを使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。