1

私は少し CSS を学ぼうとしていますが、要素の配置とサイズ変更をあきらめようとしています。

なぜ

#name {

height: 25% ;
}

がそのdivコンテンツに必要なサイズを保持するようにします (たとえば、テキストが 1 行しかない場合、 のdiv高さは 1 行になります)。

しかし、追加するとすぐposition: relative ;に25％高くなりますか？

これは、要素のサイズを変更するたびに、位置属性を追加する必要があることを意味しているようです。静的フローから位置を取得したくない場合でも。

また、サイジングのためにどのユニットを選択すればよいかわかりません。em、px、パーセンテージ...ちょっとやり過ぎです。レイアウトを「動的」または「レスポンシブ」に保つために毎回 % を使用すると便利だと思いましたが、これは誤りですか?

最後に 1 つ: なぜほとんどのデザイナーはclass-attribute の代わりに -attribute をid使用するのですか?

4

1 に答える 1

1

要素ごとに異なるデフォルト値displayが適用されます。divdisplayblockspaninlineinline

測定値に関しては、すべての場所がありますがem、サイズはフォントサイズに合わせて調整されるため、通常はそれに固執しようとします. パーセンテージは、px のように特定の状況で役立ちます。ただし、レスポンシブ デザインに関する限り、主にメディア クエリを使用する必要があります (ただし、パーセンテージ測定を使用すると、この面でも役立ちます)。

最後の質問に答えるために、id は html で 1 回しか使用できないため、1 つの要素にのみ適用できます。クラスは多くの要素に対して複数回使用できるため、 html.

于 2012-10-04T09:03:15.563 に答える