ホームページ > ウェブフロントエンド > htmlチュートリアル > css_html/css_WEB-ITnose でこのように記述することの利点は何ですか?

css_html/css_WEB-ITnose でこのように記述することの利点は何ですか?

WBOY
リリース: 2016-06-24 12:09:41
オリジナル
1122 人が閲覧しました


を追加する理由
省略してるだけじゃないの?
何と言えばいいでしょうか? ?


ディスカッションへの返信(解決策)

img はインライン要素です

p はブロックレベルの要素です

これは、img が占有することを意味します別の行スペース、つまり img をブロックレベル要素にします。

実際、実用的なスタイルも実装できます。つまり、img style="display:block" がブロック要素になります。

それは特定の状況によって異なりますが、
これは画像に背景色を与えるためだと思います
p {
background:#eee;padding:2px;
}

このようにすると、画像に境界線があるように見えます

< div>


これは、一部の編集者によって自動的に追加される場合がありますが、次のように完全に削除できます。上のクラスメートは、ブロックのスタイルを直接指定する必要がある場合は大丈夫だと言いました

このコード行だけから、p 要素を追加するかどうかは関係ありません。 div 全体の内容がより複雑な場合は、img の外側にネストします。 p 要素を使用すると、CSS を使用してスタイルをより柔軟に制御できます。 例:

<style type="text/css">img { border:1px solid #FFF; }p img { border-width:5px; } /*可以对包含在p元素中的img设置不同的边框宽度*/</style><div>  <p><img src="images/logo.gif" /></p>  <img src="sjflsjd" /></div>
ログイン後にコピー


特定の問題を詳細に分析します。効果が得られます。

このようなコード行だけでは、エディタによって自動的に追加されたもので、特別な意味はないと思います。

ここでの p にはあまり意味がないと思います。 。 。 。利点はなく、ラップする必要がある多くのブロックレベル要素を css:display:block に置き換えることができるようになりました。 。 。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート