CSSの書き込み位置
内部パターンは、スタイルタグ書き込みCSS内のスタイルタグは内部のパターンに属しているheadタグ内に導入される
またはインラインと呼ばれる
2線スタイル
<divのスタイル=「フォントサイズ :30px;」> 私は大好きあなたがページを美化</ div>になることができますので、CSSを学ぶ
スタイルがインラインタイプを使用することができますまれ通常の状況下では、より少ないとインラインスタイル
3外部スタイル
<リンクのrel =「スタイルシート」のhref =「index.css」タイプ= 「テキスト/ CSS」/>
項目を使用することをお勧めの分離および保守の容易なスタイルと構造
に分類CSS要素
ステージ要素は
、これらの要素は、別々の行にすることができる幅に設定されていない場合、幅と高さは、提供されてもよい、デフォルトは父100%である
ようなDIV、P、H1〜H6、 NAV、ヘッダ部のような
2ライン要素
側(インライン要素とインライン要素)によって、これらの要素の側、幅と高さを設定すると、無効な幅およびコンテンツの膨張の高さで
、このような強力な私のようなEMまたがるとして
ブロック3行を要素
並列にしながら、これらの要素は、幅と高さを設定することができる
入力のような他のimg
変換素子CSSの
表示を:インライン; / *スイッチ素子内の他の要素* /
表示:ブロック; / *他の要素トランスフェクトされたブロック要素* /
表示:inline-ブロック;/ *ブロック要素内の他の要素に切り替え* /
CSSの
セレクタとスタイルプロパティの
セレクター:IDタグセレクタクラスセレクタセレクタセレクタワイルドカード
構造クラスセレクタ擬似選択する
複合セレクタ(CSS2)交差点セレクタ(タグは、式を指定する)と、ダイバーシティセレクタ子孫セレクタ
文体の内部01css位置の.html
<!DOCTYPE HTML > < HTML LANG = "EN" > < 頭> < メタ文字コード= "UTF-8" > < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > < メタHTTP -equiv = "X-UA-互換性のある" コンテンツ= "IE =エッジ" > < タイトル>ドキュメント</ タイトル> < スタイルタイプ= "テキスト/ cssの" > { 色:赤; } </ スタイル> </ ヘッド> < ボディ> < DIV > I内部スタイル効果</ DIV > </ ボディ> </ HTML >
02cssラインのスタイル内の.html
<!DOCTYPE HTML > < HTML LANG = "EN" > < 頭> < メタ文字コード= "UTF-8" > < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > < メタHTTP -equiv = "X-UA-互換" コンテンツ= "IE =縁" > < タイトル>ドキュメント</ タイトル> </ ヘッド> < ボディ> <= "フォントサイズ:30px;色:ピンク;" >私は本当にあなたがページになる美化することができますので、CSSを学びたい</ DIV > </ ボディ> </ HTML >
外部スタイルの03cssの.html
<!DOCTYPE HTML > < HTML LANG = "EN" > < 頭> < メタ文字コード= "UTF-8" > < メタ名= "ビューポート" コンテンツ= "幅=装置幅、初期の規模= 1.0" > < メタHTTP -equiv = "X-UA-互換性のある" コンテンツ= "IE =エッジ" > < タイトル>ドキュメント</ タイトル> < リンク のrel = "スタイルシート"/> </ ヘッド> < ボディ> < P >外部样式</ P > </ ボディ> </ HTML >
index.css
P { 色:パープル、 フォントサイズ:26px ; }