CSS を始める-CSSチュートリアル-php.cn

1. コンセプト: カスケード スタイル シート (Cascading Style Sheet) は「CSS」とも呼ばれ、Web ページのスタイル デザインに使用されます 1.ページ内のすべての同じタグ要素に次のようにスタイルを追加できます: div area 1 div area 1 Name: 結果: タグを追加できます div{ border:#F90 先頭に破線 2 ピクセルこのページのタグ ; height:200px; width:400px; } input { border:none; border-bottom:#000 1px Solid; } .haha{スタイルはウェブ内の特定の要素要素は class 属性 class="haha" で定義されており、要素内の特定の要素には id 属性が定義されており、id は主に js で使用されるため、id="userBirth" もほとんど使用されません。多くの場合、1 つの ID が同じスタイルである必要はなく、複数のタグが 1 つのスタイルを使用するため、拡張性が高くなります。簡単に変更できます。 */ border:none; border-bottom:#000 1px Solid; } 2 番目に、CSS ファイルを通常のテキスト ファイルに個別に書き込むことで、&lt で使用できるようにすることができます。 ;head&gt ;タグは次のように読み込まれます: @import Import URL (2.css);/ *外部の 2.CSS テキストを */ & lt;/style & gt; 3, オーバーリンク 4 つありますオーバーリンクのタイプは、a:link (訪問前)、a:hover (マウスが置かれているがクリックされていない前)、a:active (マウスが置かれているがクリックされていない) のいずれかで指定できます。解放済み)、および a:visited (訪問後) の種類。 一般に、a:link と a:active をグループにして 1 つのスタイルを使用することをお勧めします。 a:hover、a:active は別のスタイルを使用するグループです。例: a:link{ background-color:#06F; color:#FFF; text-decoration:none; a:hover{ background-color:#FFF ; カラー:#F00; フォント-サイズ:24px; } ...など。 4. ラベル CSS の優先順位 以下に示すように、ラベル div の ID とクラスを指定するか、スタイルを直接使用できます: これは div ですエリア 2 それでは、優先順位は何ですか:: タグセレクター 5. 単純な div スタイルの紹介 #div_1{ /*border-bottom ; ; /*padding:20px 100px 200px 300px;top right,bottom left margin:0px;*/ float:left; /* 元の位置を移動すると、下のラベルが押し出されます。たとえば、この float:left はラベルの内側を左にフロートさせ、下の元のテキストを右に直接流し込み、下の div を押し込みます。位置は位置決めであり、絶対的に後に配置できます。配置されると、元の位置は他のタグによって占有されます。これは、配置されると、通常のテキスト フローに属さず、通常のドキュメント フローの位置を占有しないためです。 */ } 画像とテキストを混合するには、CSS スタイルで float:left を使用します。これにより、元の画像の下のテキストが自動的に画像の右側に流れるようになります。