html - どのようにpixの場所を知っていますか.

Question

できる限り最善の方法で質問するつもりです。明確でない場合は申し訳ありません。

cssとhtmlを勉強しようと思っています。

たとえばtop: # px;、画像を配置する場合、ピクセルの位置を知るにはどうすればよいですか? そのためのプログラムはありますか、それとも推測ゲームですか?

私の質問を理解していただければ幸いです。ありがとう

Answer 1

CSS を使用するだけでは、要素の位置を知ることはできません。これは、javascript を使用して実行できます。この link1 と link2 を確認してください。

jQueryを知っていれば、もっと簡単だったでしょう。を使用するだけ.offset()です。

そのためのプログラムはありますか、それとも推測ゲームですか？

レイアウト内のすべての要素に固定寸法を割り当てた場合、要素の位置を推測することもできます。

Answer 2

またはtopと組み合わせてCSS プロパティを使用しようとしている場合、はい、ほとんど推測ゲームです。ブラウザー アドオンを使用して CSS を調整し、要素を変更したときに要素の配置を確認したり、ライブ更新やプレビューをサポートする IDE を入手したり、スクリーンショットを撮って自分でピクセルを測定したりできます。display:absolutefixed

ただし、通常、要素をこのように配置するべきではありません。DOM に任せて、パディングとマージンを使用して適切な場所に配置します。視覚的に魅力的なものを作るには試行錯誤が必要ですが、それほど悪くはありません。