CSS の使用を開始する際のよくある質問

以前書いた記事: この記事では、CSS の 3 つの主要な特徴 (カスケード、継承、優先度) を簡単に紹介します。マージン、パディング、フローティング、およびいくつかのナレッジ ポイントの配置だけでなく。レベルに限定されており、詳細については説明しません。学習の概要としてのみ使用されます。

1. 3つの特徴

1) カスケード: スタイルが同じラベルおよび同じウェイトと競合する場合、後のスタイルが前のスタイルを上書きします。

2) 継承: 親要素のスタイルを設定するとき、デフォルトでスタイルがない場合、子要素は親要素のスタイルの影響を受けます。幅と高さは継承できないことに注意してください。

継承可能な属性:
◇文字の色を継承可能 color
◇文字関連の属性を継承可能
◆Line-height(line-height)を継承可能
◆text-align

特別な状況:

a デフォルトでは、タグは親要素の色の影響を受けません

ブラウザのデフォルトスタイルcolor:-webkit-linkの影響を受けるため、ナビゲーションを作成するときにliのcolorタグを設定することが機能しないことがよくあります。

h1-h6 デフォルトの単位は em です。特定のサイズには プロダクト操作

が必要です。

3) 優先順位:

タグセレクターd601a66f5f33dd0e0380f4f705be3431 2 body { 3 min-width: 1000px; 4 } 5 6 .columns { 7 height: 250px; 8 float: left; 9 } 10 11 .container { 12 height: 250px; 13 border: 1px solid red; 14 } 15 16 .mainbox { 17 width: 100%; 18 background: yellow; 19 } 20 21 .inner { 22 margin: 0 300px 0 250px; 23 word-break: break-all; 24 } 25 26 .leftbox { 27 width: 250px; 28 background: red; 29 margin-left: -100%; 30 } 31 32 .rightbox { 33 width: 300px; 34 background: blue; 35 margin-left: -300px; 36 } 37 531ac245ce3e4fe3d50054a55f265927