1.フォントの共同執筆
フォント: font-style font-variant font-weight font-size/line-height font-family
フォント：スタイル、変形、太字、フォントサイズ/行の高さ、フォントファミリー
スタイル変形太字はどの順番で書いても大丈夫です
変形font-variant 3つの値スモールキャップノーマル継承
Small-capsは小さい大文字です
スタイル font-style 4 つの値斜体斜体法線継承
斜体はフォントファミリー内で特別にデザインされた斜めのテキストであり、斜体はテキストのグラフィックスを斜めにします
太字のフォントの太さ これは誰でもよく知っていますが、400 が標準、700 が太字です
。行の高さを書く必要はありません
ただし、フォントサイズとフォントシリーズは必要に応じて記述し、順序は必要に応じて指定する必要があります
最もシンプルな形
フォント: フォント サイズ フォント ファミリー;
最も一般的な形式
フォント: 太字のフォントサイズ/行の高さのフォントファミリー;
2. 背景の共同執筆
バックグラウンドの共同書き込みは、任意の順序および任意の属性で行うことができます（唯一の制限は、bg-position に 2 つの値がある場合、それらをまとめなければならないことです。数値の場合は、最初に x、次に y）
背景: bg-color bg-image bg-repeat bg-position bg-attachment
背景: 背景色、背景画像アドレス、リピート方向、背景の位置、背景の関連付け
方向を繰り返します
repeatrepeat-xrepeat-yno-repeat継承
背景の位置決め
背景の相関関係
スクロール固定継承は通常スクロールです。より一般的な固定はボディ背景フォローです
。最も一般的な形式
background: url(bgimage.gif) x y no-repeat;
Background: 繰り返されるかどうかの参照パスの場所
3.戦略の構築
漸進的な強化と優雅な劣化
2つのウェブサイト構築戦略
プログレッシブ・エンハンスメントとは、まず低バージョンのブラウザの基本機能を作成し、その後、高バージョンのブラウザを美化し、強化するという戦略です。この戦略は一般に PC 側で使用されます (PC 側にはまだ古いバージョンのブラウザが多数あります)。
グレースフルデグラデーション、最初に上位バージョンのブラウザ向けに最も完全な機能を作成し、次に下位バージョンのブラウザ向けにパッチを適用する この戦略は一般的にモバイル端末で使用されます（モバイルブラウザは一般に比較的新しい）。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
