0

私はHTMLとCSSが初めてです。サイトを構築していますが、可能な限りコントロールできていないように感じます。つまり、アイテム/要素/オブジェクトの配置と配置を制御します。

サンプル画像

質問: CSS を使用してページ上の特定の要素/アイテム/コンテンツの位置を調整するにはどうすればよいですか? この場合は「水平ルール」です。「水平ルール」をその上のテキストに近づける/押し上げるにはどうすればよいですか? 5つ星とテキスト。また、タイトルと画像の間にスペースを追加するにはどうすればよいですか?

例えば。HTML には、上の画像とテキストを下のテキストから分離する「水平ルール」があります。こちらの画像をご覧ください。

この図の「水平ルール」は div にあります。5 つ星評価システムとそのテキストは div にあります。写真は div にあり、タイトル (画像の上のすべて) は div にあります。最後に、これらの 4 つの div はコンテナー div にあります。ページの他の部分に影響を与えずに、「水平ルール」を 5 つ星とテキストに近づけるにはどうすればよいですか?

私のコードについては、以下のコメントの私のリンクを参照してください。評判のため、2 つ以上のリンクを投稿することはできません。ありがとう。

あなたの答えは高く評価されます。前もって感謝します！

4

2 に答える 2

0

CSS の何を変更すればより近くなったり離れたりする必要があるかを把握する簡単な方法は、FireBugなどの開発者ツールを使用することです。ページ要素を検査し、それらのレイアウト値が何であるかを確認するだけでなく、それらを編集することもできます.

<hr>タグが占めるスペースを最小限に抑えて他の要素にできるだけ近づけるために、マージンとパディングを 0 に設定できます。

hr{padding:0;margin:0;}

<hr>次のステップは、タグの上下の要素のマージンとパディングを設定することです。

<hr>タグのパディング/マージンを変更して違いを示す例を次に示します。

デフォルトではパディングはすでにゼロに設定されているため、設定する必要があるのはマージンのみです。タグのデフォルト値を確認するには、ここをチェックしてください。<hr>

お役に立てれば

于 2013-10-01T01:54:12.943 に答える