CSS Notes_html/css_WEB-ITnose

マージンとパディング

マージンはブロック要素の外側にあり、パディングは内側にあります。マージンを使用して、ブロックをその外側のものから分離します。パディングを使用して、コンテンツをブロックの端から遠ざけます。ここに画像の説明を入力してください:

要素間にスペースが必要な場合は、マージンを使用することをお勧めします。テキストまたは内部要素が親ボックスとそれ自体の間にスペースを必要とする場合は、パディングを使用します。

幅と高さ

CSS で要素の width と 高さ のプロパティを設定する場合は、単に設定するだけですコンテンツエリアの幅と高さ。要素のフル サイズを計算するには、パディング、境界線、余白も追加する必要があります。

/* このページのリンクにのみ影響します */

#this-page a:hover {

...

}

nth-child

実際には、疑似クラスセレクター nth-child を使用して、最初の子の後の要素の子を選択できます。疑似クラス セレクターの後にかっこ内の子の番号を追加するだけです。たとえば、

p:nth-child(2) {

color: red;

}

は、親要素の 2 番目の子であるすべての段落を 赤にします。子である要素は :nth-child の前に置かれます。その親要素は、それを含む要素です。