ホームページ  >  記事  >  ウェブフロントエンド  >  CSS%の単位は何ですか?

CSS%の単位は何ですか?

藏色散人
藏色散人オリジナル
2021-01-05 10:27:282409ブラウズ

CSS % はパーセンテージを指し、相対的な長さの単位を指します。値は、含まれるブロックの高さ、幅、またはフォント サイズに相対的です。要素にパーセンテージ属性が設定されている場合、子孫要素はは計算値です。

CSS%の単位は何ですか?

このチュートリアルの動作環境: Windows 7 システム、css3 バージョン、Dell G3 コンピューター。

関連する推奨事項: 「css ビデオ チュートリアル

CSS %--パーセント

パーセントは相対的な長さの単位です。値は、それを含むブロックの高さ、幅、またはフォント サイズに関連します。

包含ブロックの概念は、単純に親要素として理解することはできません。

静的配置と相対配置の場合、通常、それを含むブロックがその親要素になります。

絶対配置要素の場合、それを含むブロックは、その位置が非静的属性である最も近い祖先要素である必要があります。

固定位置要素の場合、その要素を含むブロックがビューポートになります。

詳細については、W3ヘルプを参照してください。

パーセンテージの継承

要素がパーセンテージ属性を設定すると、子孫要素は計算された値を継承します。例:

p { font-size: 10px;line-height: 120%; }

この場合、p のサブ要素によって継承される値は、line-height: 120% ではなく、line-height: 12px になります。

以上がCSS%の単位は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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