CSs3_html/css_WEB-ITnose

CSS3 の 3 部作: フォントの設定、幅と高さ、ボックス モデルの設定、リンクの設定。このうちフォントには、フォントグループ、フォントサイズ、行の高さ、色が含まれます。 2 番目の部分には、幅、高さ、マージン、パディングが含まれます (マージン: 0 自動はセンタリングを実現します)。リンク テキスト スタイルには、link.hover、visited、active の 4 つの状態が含まれます。実装されるパーツには、フォント、背景全体、ページ幅、リンク スタイルが含まれます。

プレフィックス: -webkit---chrome と safari;

-moz---firefox;

-ms---IE;

-o---opera;

CSS3 の新しいスタイル:

1 border-radius: 角丸効果 {実線の上半円: 高さは幅の半分、左上と右上の角は高さと一致するように設定します。高さと幅は同じです。 4 隅から半分まで。 }左上から始めて時計回りに回転します。

2. box-shadow: ボックスシャドウ {X オフセット、Y オフセット、影のぼかし値、影の拡張半径、影の色、投影方法 (inset は内側投影、最初または最後のものにのみ記述可能)} offset が負の場合、反対の位置にあることを意味します。

3. text-shadow: テキストシャドウはボックスシャドウに似ています。

4. border-image: border color: {: URL ()、round はタイルを意味します/repeat は繰り返しを意味します/stretch はストレッチを意味します}

5. border-color: ボーダーの色: 下、上、左、右

6 . 透明度｛2 つの表現方法 1. rgba(255,255,255,0.2) は白の不透明度が 0.2 であることを示し、rgba(0,0,0,0.2) は黒の不透明度が 0.2 であることを示します。 2. 不透明度: 0.2}

7. グラデーションカラー: {線形と放射状を含む: Linear-gradient、radial-gradient}

8. text-overfiow{オーバーフローする場合はマークを省略します。コードは次のとおりです。 over:ellipsis / は省略を意味し、overflow:hidden;white-space:nowrap;) クリップは中断を意味し、word-wrap:normal は連続を意味し、ブレークワードは中断を意味します。

9. @font-face は、サーバー側のフォント ファイルに侵入することを意味します。