%はcss3の単位でしょうか?

WBOY
リリース: 2022-06-15 17:43:33
オリジナル
1863 人が閲覧しました

「%」は CSS3 の単位です。「%」はパーセンテージを指し、相対的な長さの単位です。長さの値を受け入れるすべての属性でパーセンテージ単位を使用できますが、属性が異なると使用時の効果も異なります。この単位には参照値が必要です。つまり、値は含まれるブロックの高さ、幅、またはフォント サイズに応じて決定されます。構文は「要素 {長さ値属性: パーセント値 %}」です。

%はcss3の単位でしょうか?

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

Units of css3

CSS %--Percent

パーセント (%) も、より一般的に使用される単位の 1 つです。長さの値を受け入れるすべての属性で使用できます。パーセンテージ単位。ただし、このユニットを属性ごとに使用すると効果が異なる場合があります。ただし、それらはすべて参照値を持つ必要があります。これは、パーセンテージ値が相対値であることを意味します。

パーセンテージは相対的な長さの単位であり、含まれるブロックの高さと幅、またはフォント サイズを基準にして測定されます。

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

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

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

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

パーセンテージの継承

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

p { font-size: 10px;line-height: 120%; }
ログイン後にコピー

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

(学習ビデオ共有: css ビデオ チュートリアルhtml ビデオ チュートリアル)

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

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