【day04の】のCSS

.CSS2.0 [カスケードスタイルシート]カスケーディングスタイルシート
  1. CSSとは何か:変更されたページ要素(タグ)の外観(テキストの色、サイズ、フォントを追加するなど)、CSSスタイルXHTMLとW3C所定の属性を交換してみてください
  2。関係XHTMLとCSS
    XHTMLページ構造が達成され、CSS変更されたページは見て
  使用して3.CSSを
   (1)インラインスタイル(上の記載表示)
      <タグ名のスタイル=「CSSスタイル」/>
      "= <名前タグのスタイルをスタイルのCSS "> ... </タグ名>
   (2)(headタグに書かれた)内部パターン
      <スタイルタイプ="テキスト/ cssの「>
          ... CSSスタイル
      </スタイル>
   (3)外部スタイルシート( )ページを参照してくださいその後、1ページの書き込みのみとCSSスタイル
    <リンクタイプの=「テキスト/ CSS」のrel =「スタイルシート」
     のhref =「CSS文書のURL」メディア=「すべて」/ >
        :説明
       ターゲット文書タイプ:タイプの
       REL:現在のドキュメントターゲット文書関係
       のhref:CSSドキュメントのURL
       メディア:別のメディア(機器)によると、別のCSSスタイルの使用
       メディア:
           すべてすべて
           プリンタ印刷
           画面スクリーン
           TVテレビ
    (4)優先度:最高フロントインラインスタイル、優先順位オーバーライドスタイルの背後にある内部及び外部ピア
  4.CSSスタイルフォーマット
      セレクタ{属性:値;属性:値; ...}
   {プロパティセレクタ:値;プロパティ:値;} ...
  5セレクタ(セレクタ)
   (自動的にすべてのタグに適用される)(1){*ワイルドカード選択...}
   (2){マーカー選択タグ。 ..}(自動的に指定されたタグに適用される)
   (3)手動で適用クラス(クラス)名セレクタの.class {...}(
           いずれかのフラグを、応用例クラスは=「A1、A2 ...」
           以上の場合スペースで区切られたクラス名)
   (4)IDセレクタは、(手動アプリケーション固有のタグ{...}名前を#ID
        そのようなアプリケーションとして:ID =「id名」)
   (5)セレクタは、グループ名を選択し、選択し{...} ...名
    (ただし、セレクタ略語の同一性は異なる)
   (6)子孫セレクタセレクタ名タイトル{...}セレクタ
     (少なくとも二つの親子関係を選択)
   (7)セレクタセレクタ子孫名>名{...}セレクタ
     (でなければならない2つの親と子の関係を選択)
  前記優先選択
             マーカーの重みセレクタ0001
      クラスセレクタ0010ウェイト
      ID重みセレクタ0100
            スタイル重みインライン1000年
         説明:より大きな、より高い優先度の重み、重み
               同じ優先後ろ同じスタイルカバー
               蓋フロントスタイル、継承された優先順位
               最下位
     
  のプロパティ値の7.color
   (1)単語ブルーグリーン...赤
   (2)進数(0-9 ABCDEF)
                赤:#FF0000の==#のF00
   ( 3)RGB(R:赤 、G:緑、B:青0-255)
                 赤:RGB(255,0,0)== RGB( 100%、0%、0%)
         赤#1 F00のRGB(255、 0,0)
         グリーン#の0F0のRGB(0,255,0)
         ブルー#00F RGB(0,0,255)
         白色#FFFのRGB(255,255,255)
         ブラック#000 RGB(0,0,0)
         イエロー#のFF0のRGB(255,255,0)のような
         ライトグレー#eeeのRGB(200200200)
         ダークグレーRGB 333#(3,3,3)
   擬似クラスセレクタ8
     (1)の動作擬似クラス
         :link要素未訪問状態
         :状態の要素が訪問訪問
         ホバー設けられたロールオーバー状態:
         :アクティブセットマウスアクティブ状態の
                説明:
          配列LVHAが得られた。
          Bの作業が実装する。
             {
               色:#333。
               装飾テキスト:なし;
             }
             A:ホバー{
               色:#900;
               テキスト装飾:下線;
             }
        :フォーカス:マウスフォーカス状態が得られる設定
     (2)UI要素擬似クラス
         :チェック素子は選択状態(css3.0)に設定されている
         無効設定要素禁止状態:
         :有効に設定要素を有効
   擬似要素セレクタ9.
      :前:要素またはグラフィックコンテンツを設定する前に
      :元素の含有量を設定した後、または画像:後
            例えば:
      {以前
         : "コンテンツ" | URL(画像)コンテンツ
      }
      :{後に
         コンテンツ"コンテンツ" | URL(画像)
      }
   
   10.テキストスタイル
     (1)色のテキストの色:値;
     テキストfont-の(2)サイズサイズ:値;
       (単位:画素PX; EM例えば複数のデフォルトワードサイズ:1.5em)
     テキストのフォントファミリー:のTimes New Roman、Arialの、 "のTimes New Roman"(3)
     テキスト整列テキストの水平方向の配置(4)。 :|センター|左右
     テキスト高い行の高さの行:値;(5。)
            注:ボックスのテキスト行高くかつ一貫した高場合、テキストを実現することができる
                     垂直カセットの中央に
     (6)テキストインデントテキストインデント:値の
              例:最初の行のインデント:テキストインデント:2EM;
            注:のみインデントテキストブロック要素が達成されないライン要素
     (7)テキスト太字量:通常のデフォルト値は|太字太字| 100から900
            の説明:正常太字== == 400 700  
     (8)テキストイタリックフォントスタイル:通常のデフォルト値|イタリック体が傾斜
     (9)小キャップフォントバリアント:正常|小さいです-caps
     
     フォント省略形の
       フォントスタイル傾斜||:フォント
            、フォント・バリアント小さなキャップ||
            フォント重量ボールド||の
            フォントサイズワードサイズ/行の高さ行高||
            フォント、フォントファミリ
     (10)テキストデコレーション修正テキスト:なし|
                                下線下線|
                                |上線を交差
                                ラインスルー取り消し線を
   
     (11) -変換テキスト:なし|
                    |大文字各単語の最初の文字を大文字にしない
                    |大文字大文字
                    小文字小文字
    11ボックスモデル(BoxModel)
     (1)の幅の幅
     (2)の高さの高さ
           :幅の広いブロック要素と高い有し説明マークアップ属性(IMG入力など)
                 の幅と高さを設定し、線幅と高さの要素を設定することはできません
     (3)パディングパディング
     (4)マージンマージン
     (5)ボーダーボーダー
         説明:
       スパンタグ:なし意味のあるエレメント列を

       divタグ:意味のない要素は、要素をブロック

css01.png

 

 

おすすめ

転載: www.cnblogs.com/tommymarc/p/11627219.html