CSSの学習と整理

1、 background-attachment:fixed 属性 は、背景画像のスクロールを防止します。これは、デフォルトで背景がドキュメントと一緒にスクロールすることを意味します

。

2. font-weight 属性はテキストの太さを設定します (キーワード 100 ～ 900 はフォントの太さの 9 レベルを指定します。フォントにこれらの組み込みの太さレベルがある場合、これらの数値は事前定義されたレベルに直接マッピングされます) 、100 は最も細いフォント バリアントに対応し、900 は最も太いフォント バリアントに対応します。数値 400 は標準に相当し、700 は太字に相当します)。

3. font-style 属性は、斜体のテキストを指定するために最も一般的に使用されます。

4. font-family 属性は、テキストのフォント ファミリーを定義します。

5. font-size 属性はテキストのサイズを設定します。

フォントサイズを設定するにはemを使用してください

Internet Explorer でテキストのサイズを変更できないという問題を回避したい場合、多くの開発者はピクセルの代わりに em 単位を使用します。

W3C は em サイズ単位の使用を推奨します。

1em は現在のフォント サイズと同じです。要素の font-size が 16 ピクセルの場合、1em はその要素の 16 ピクセルに相当します。フォント サイズを設定すると、em 値は親要素のフォント サイズに応じて変化します。

ブラウザのデフォルトのテキストサイズは16ピクセルです。したがって、1em のデフォルトのサイズは 16 ピクセルです。

次の式を使用してピクセルを em に変換できます: ピクセル/16=em

(注: 16 は親要素のデフォルトのフォント サイズと同じです。親要素のフォント サイズが 20 ピクセルであると仮定すると、式を次のように変更する必要があります: pixels/20=em)

上記の例では、ems 単位のテキスト サイズは、前の例のピクセル単位のテキスト サイズと同じです。ただし、em 単位を使用すると、すべてのブラウザでテキストのサイズを変更できます。

残念ながら、IE にはまだ問題があります。テキストのサイズを変更すると、通常よりも大きくなったり、小さくなったりします。

パーセンテージとEMを一緒に使用する

すべてのブラウザで機能する解決策は、body 要素 (親要素) のデフォルトのフォント サイズ値をパーセンテージで設定することです

リーリー

6. text-decoration 属性は主にリンクから下線を削除するために使用されます

7、

子孫セレクターと子セレクターを結合する

以下のセレクターをご覧ください:

リーリー

上記のセレクターは、company を含む class 属性を持つ table 要素から継承する td 要素の子であるすべての p 要素を選択します。

8、

ヒント: CSS 定義で、a:hover を有効にするには、a:link と a:visited の後に配置する必要があります。

ヒント: CSS 定義で、a:active を有効にするには、a:hover の後に配置する必要があります。

ヒント: 疑似クラス名では大文字と小文字が区別されません。

https://zhuanlan.zhihu.com/p/22606894 フロントエンドインタビューの概要