PythonのCSSの1日目

                                    CSS(外観)
スタイル
  1.直接<DIVスタイル=「背景色白黒</ div>
  2 <スタイル> DIV {背景色上に書き込むためにヘッドにおいて;色:白} </スタイル<div>のように形成するために直接使用することができる
  ;黒:ファイル内のCSSファイルを作成するために、3を、コンテンツがDIV {背景色でようにHTMLを生成します時間参照CSSファイルは、直接の形式を使用することができる限り、
   <リンクREL =「スタイルシート」HREFパス/)名」>パス増加しない現在のファイル
  が順次1> 2> 3と同じ性質のオーバーライド、異なる属性:優先度を予約
-セレクタ
  上記第二の点1.に相当するタグセレクタ
  2. IDセレクター:修飾IDを見つけ、IDは、一般的に繰り返すことはできないが、繰り返すに従って選択することができる
     。<スタイル>に書き込むためにヘッドI1 {地色#:ブラック;色:白} </スタイル>
  3.クラスセレクター:であれば、C1の値と一致しているように、クラスに関係なく、ここまたはIDの、すべての修飾タグを見つけます
   <
  3. レベルセレクタ: 1つのを表すための空間
    例:以下は.c2のdiv PA {}または.c2 DIV P .c3 {}、C3によって設定することができ、最後の行を変更しません

            <DIV クラス = " C2 " > 
                の<div> </ div> 
                <div> 
                    <P> 
                        <a クラス = "C3"> A </a>の
                    </ P> 
                </ div> 
            </ div> 
            <DIV クラス = " C3 " > </ div>

  4.コンビネーションセレクタ
    .c1、.c2、.c3 {}が複数設けられている

-スタイルベース
  1の幅、高さ:
    100%の幅が高くありません。子供の割合が継承する親のサイズに基づいて
  2色:
    赤を表すために使用することができる...それを使用してもRGB(0,0,0)またはRGBヘクス#dddことができる.... 。表示する
  3.背景画像:
    1書き込みパスは、背景画像に画像を置くことができる(追加幅、高さ、イメージ幅場合よりも高くを覚え、
      充填の形態で添加され、以下共感)

            .c2 { 
                背景 -image:URL(" timg.gif " )。
                高さ:330px; 
                幅:440px; 
            }

    ; 2.スタイル背景リピート内部に追加した場合しかし、リピート幅と高さを、次に一致しないが充填されない
    第二の移動、画像の位置を変更することができる;は50px、60PXは:た3.追加背景位置パターン層、そのまま第一層、穴掘り込み位置は変更されません
    4は、すべて一緒にバックグラウンドとすることができます
      背景:次のような、赤のURL(「image.jpg 」)は50px -50pxノー・リピート; デフォルトDIVの幅と高さ
  4ボーダー:
    ボーダー:だけ左:4PX(境界線の高さ)を固体(破線実線)、赤(色)は、次いで、フレーム全体の高さに高さを設定し、境界から左であってもよいですスタイルボックスプラス
  5.表示:
    1.display:なし、コンテンツ及びロケーションラベル全体が消えるよう
    2.display:ブロック、インラインタグは、として示されるブロックレベルタグ有効
    3.display:インライン、ブロックレベルのタグはインラインとして示すようタグ
    4.display:インラインブロック;タグ純粋インラインとブロックレベルのタグ、高さおよび幅インラインこのような特性を有するセットであり得る
    5.visibility:隠された;タグの内容が消滅するように、位置保持
  6.cursor:
    変化タグの上にマウスのスタイル
  :7.余白
    paddin Gトップ:20ピクセル、パディング、自身のラベル(それ自体が増加します)
    マージントップ:20ピクセル、余白、ない彼自身のレーベル(自体は増加しません)
  8.浮動:フロート:左...
    1.このようにして、二行または

<DIVのスタイル= " 幅:500pxなど;背景色:#00b0e8 " > 
    <divのスタイル= " 幅:20%;背景色:赤" > 1 </ div> 
    <divのスタイル= " 幅:80%;背景-color:黒;色:白" > 2 </ div> 
</ div>

    図2は、本方法は、各サブステージは、複数の行が一緒に動作しない場合はできる限りは、上下に移動した場合、エッジに出るとフローティング左ないが、この方法は、親層を除去することと等価です

<DIVのスタイル= " 幅:500pxなど;背景色:#00b0e8 " > 
    <divのスタイル= " 幅:20%;背景色:赤;フロート:左" > 1 </ div> 
    <divのスタイル= " 幅: 80%;背景色:黒;色:白;フロート:左" > 2 </ div> 
</ div>

    親レイヤーは、レイヤーはまだ親が表示されますとき3.このようなサブ層は、子供をカバーしていません

<DIVのスタイル= " 幅:500pxなど;背景色:#00b0e8 " > 
    <divのスタイル= " 幅:20%;背景色:赤;フロート:左" > 1 </ div> 
    <divのスタイル= " 幅: 70%;背景色:黒;色:白;フロート:左" > 2 </ div> 
    <divのスタイル= " クリア:両方" > </ div> < -放在最后- >!
</ divの>

 

おすすめ

転載: www.cnblogs.com/otome/p/12560526.html