32特別なCSSの使用状況

アニメーションパラメータ
アニメーション：名（アニメーション名）、時間（演算周期）、タイミング関数（走行軌跡）、遅延（待ち時間）、（逆転か）反復カウント（再生回数）、方向、
アニメーション：circleAnimation通常のリニア0無限LS; 
`` `CSSは
circleAnimation @keyframes { 
    0％{ 
        変換：回転（値は0deg）; 
    } 
    100 {％
        変換を：回転（-360deg）; 
    } 
} 
` `` 

単一行のテキストオーバーフロー省略記号
`CSS 
{DIVの
  オーバーフロー：隠された; / *オーバーフローを隠す* / 
  テキストオーバーフロー：省略記号; / *で表される隠された部分は... * / 
  ホワイトスペース：NOWRAP; / *テキストを切り替えることができない* / 
} 
` 
トップ=>場所=>コード
`` `HTML：RUN 
<divのスタイル= "の位置：固定;トップ：0;左：0;"> 
    トップロケーションコード：コンテンツエリア
</ div>
`` ` 
変換属性変換素子は、（スケール）、回転（回転）又は傾き（スキュー）をスケーリング、（翻訳）に移動します。
変換：位置は平行移動と：の間の差の相対
`` `CSS 
<divのスタイル=」幅：500pxなど;高さ：800ピクセル;国境：1pxのソリッドグリーン;マージン：オート0; "> 
    <divのスタイル="幅：200pxの。高さ：100pxに;国境：1pxのソリッドブルー;変換：翻訳（50％）;「> </ div> 
    < -変換:!翻訳（50％）50％は自分の幅をオフセット; - > 
    <divのスタイル= "幅：200pxの、高さ：100pxに、境界：1ピクセル固体グリーン;位置：相対;左：50％;"> </ div> 
    < -位置:!相対;左：親のボックス50の50％オフセット幅％; - > 
</ div> 
`` ` 
背景画像の開始位置の背景位置プロパティ。
CSS `` ` 
div要素{ 
    背景位置：トップを残し、
    1つのキーだけならば/ *、他の値は」になります

    / *一つの値だけが、他の値* / 50％となる場合
    背景位置：5pxの5pxの; 
    / *一つの値だけが、他の値が50％* /あろう場合
    背景位置：30％トップ; 
    / ％*混合して使用することができる*トップ/ 
} 
`` ` 
` `` HTML：RUN 
<！DOCTYPEのHTML> 
<HTML> 
<HEAD> 
    <METAのcharset = "UTF-8"> 
    <スタイル> 
        .MY-セル[クラス*セル=] { 
            背景：赤; 
        } 
        .MY-セル{ 
            背景：緑; 
        } 
    </スタイル> 
</ HEAD> 
<BODY> 
<DIV CLASS = "マイ・セル">のdiv </ div> 
</ BODY> 
< / HTML> 
`` `
おすすめ
