フロントエンド学習CSSについて

CSS Div のビデオを学んだ後、見てみないと分からないほどの説明があり、CSS でたくさんの色を追加できることが分かりました。ウェブページに！

1. 概要

1. 形式:

2. CSS 属性

1. テキスト属性

(1) フォント スタイル: italic (斜体)、normal (標準)。

(2) font-weight: 太字/太字/薄め (太さ)。数値 (100 ～ 900) も使用できます。

(3) font-サイズ : 20px、単位

(4) フォントファミリー: "楷体"; 中国語を書くときは引用符を使用してください。

#バックアップ フォント font-family: "Kaiti"、"Microsoft Yahei";

• 中国語と英語のフォントをそれぞれ設定します font-family: "Arial"、" Kaiti" (前に英語フォント、後ろに中国語フォント、ここでの中国語フォントとは中国語を扱えるフォントを指します)
(5) テキスト属性の略称:

font: スタイル ウェイト サイズ ファミリー

スタイルとウェイトは位置を交換でき、サイズとファミリーは位置を交換できますが、サイズとファミリーは最後になければなりません。

##style と Weight は省略可能ですが、size と family は省略できません
(1) テキストの装飾。 :
• text-decoration : 下線 | ラインスルー なし |

  text-align: center; # (3) テキスト インデント :

  text-indent: 2em;

3. カラー コントロール属性 (color)

(1) 英語: デバッグに使用される限定された表現。

#(2) RGB (赤、緑、青): 値は 0 ～ 255、3 つの値はすべて灰色です。 、最後のものは透明度で、値は 0 から 1 です。 (4) 16 進数: 原則は 2 桁の 16 進数から 1 桁の rgb です。省略形:

省略するにはこの形式でなければなりません

3. css セレクター

1.

# すべてのタグが選択されました

2、ID セレクター

## ID は一意です。

• 
  # 文字とアンダースコアで構成されます。および数字、および数字で始まらない。

  
  

3. クラスセレクター

• ##class="クラス名 クラス名" ( マルチカテゴリ)
  

  ##マルチカテゴリ アプリケーション: 分類の組み合わせ
  

• 4, 子孫セレクター

  
  

  形式: tag tag｛｝；

  
  

  上記のタグはタグにすることができます、ID およびクラス セレクター;

無限に開発可能;

• 
  子孫には子と孫が含まれます;

  5. 子要素セレクター
  

• 形式: タグ>タグ｛｝

スペースなし

• 6.交差点セレクター (*)

• 形式: tagtag｛｝

• 両方の記号なし

• 7. ユニオン選択デバイス

##形式: タグ、タグ｛｝

##8、兄弟セレクター

• ## 隣の兄弟: 接続; 隣接する兄弟の後ろのみを選択でき、途中で分離することはできません。

• 一般的な兄弟:~ 接続;分離されているかどうかに関係なく、同じレベルの指定されたラベル

##9. 順序セレクター

関連する推奨事項:

• css スタイル - -- CSS ハック

• css div 概要【css div】_html/css_WEB-ITnose

以上がフロントエンド学習CSSについての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。