2

次のような div で背景を設定する方法を知っています。

background: url(/images/image.gif) no-repeat top right;

時々、トップ、センター、ボトム以外に、より細かいコントロールが必要になることがあります。

ポジション セクションで「em」を使用している人を見たことがありますが、それは何をしているのですか?

4

3 に答える 3

4

の MDN リファレンスを参照してくださいbackground-position。一般的な用語の代わりに、パーセンテージやその他の CSS 測定単位を使用して、x または y オフセットを設定することもできます。現在の要素のフォント サイズを参照する単位ですが、ピクセル オフセットにemも使用できます。px

于 2010-02-26T22:26:45.873 に答える
1

グラデーションはによって制御することができます

background:#fff url(images/vertical_sliced_image.gif) repeat-y;

また

background:#fff url(images/horizontal_sliced_image.gif) repeat-x;

高さ1pxまたは幅1px（グラデーション画像）をスライスして、背景で水平または垂直に繰り返すことができます...

お役に立てれば

于 2010-08-28T23:13:48.763 に答える
1

em は相対サイズであることに注意してください。したがって、1em はコンテナーに対する相対サイズであり、実際のサイズではありません。1 は、ブラウザのデフォルトに基づく 1em です。

したがって、1em の親 (たとえば .parent) クラスと 0.75em の子は、親の .75 になります。その親の 0.5em の孫は、0.75 の 0.5em、つまり元の 1em の約 0.375 であり、元の 0.5 ではありません。

私は .px を使用しません - 開始するのは簡単ですが、すべてを変更する必要がある場合は、どこでも変更する必要があります - したがって、1em を 1.25em に変更すると、それらの中にネストされている子と孫も変更されます.

具体的な例として、margin-top: 0.5em; を配置すると、CSS では、現在のフォントの高さの半分を上マージンとして配置すると言っています。

.px - モニターの設定によって変化し、画面の解像度に由来するピクセル。.pt - ポイントです。つまり、印刷されたページでは、72 ポイントは約 1 インチです。これは印刷物に由来します。% は井戸、パーセンテージに由来しますが、長期的に管理するのはより難しいと思います。em はマークアップに由来します。

ほとんどのブラウザーは、ベースとして 12pt (ポイント) フォントを使用しています (私の記憶が正しければ)。これは 1em であり、実際には不明なピクセル数です。だから、.625em が約 10pt であることを覚えていれば、カフから外してください。したがって、ボディを .625em に設定すると、その下の .5em はサイズが 5 ポイントになり、ボディの下の 2em は 20 ポイントになります。

編集：私の数学は一日の終わりに噛まれます:)したがって、10/12は.8333です-したがって、.625ではなく.8333が必要ですが、アイデアはわかります.

于 2010-02-26T22:56:05.920 に答える