webフロントエンドシロノート4

2760 ワード

CSSまとめ1


一、CSS共通属性1、文字属性font-style規定文字様式font-weight規定文字太さfont-size規定文字サイズfont-family規定文字フォント(フォントの値が中国語の場合は、一重引用符または二重引用符で囲まなければならない)規定文字フォントが存在しない場合は、システムデフォルトのシステムで表示され、システムデフォルトのフォントで表示したくない場合は、次のように設定できます.
font-family:"  1","    1"......

テキストのプロパティは、効率を向上させるために省略できます.フォーマット:
font: style weight size family;

例:font:normal bold 60px " ";.テキスト属性1)text-decorationテキストに装飾フォーマットを追加します.
text-decoration:overline

4つの値があります.underline(下線)、line-through(削除線)、overline(上線)、none(何もありません).2)text-alignテキスト整列フォーマットを設定する:
 text-align:center

3つの値があります.left、center、right.3)text-indentテキストインデントフォーマットを設定する:
text-indent:2em

値:2 em、emは単位で、1つのemは1つの文字の幅をインデントすることを表します3、色の属性はcssの中でcolorの属性を設定することによって文字の色のフォーマットを修正します:
color: 

取値:1)英語の単語は、よく見られる色に対応する英語の単語があるので、私たちが必要とする色を英語の単語で表現することができます.しかし、表現できる色は限られている.例:red赤blue青green緑2)rgb、rgbは三原色で、そのうちr(red赤)、g(green緑)、b(blue青);フォーマット:rgb(0,0,0);数字あたりの取値範囲が0~255,0の電話機は非発光を示し,255は発光を示し,値が大きくなるにつれて発光の程度も増加する.3)rgbaは、rgbとほぼ同じで、aの取値が1つ増え、透明度を表し、aの取値範囲は0~1である.値が小さいほど月が透明になります.例:rgb(255,255,0,0.2);)16進法の本質はrgbであり、2人ごとに1つの色を表現し、16進法は16進1になる.1.5 16進数略語CSSでは、16進数の色が2桁ごとに同じである限り、1桁、例えば#BBEE00 == #BE0注意:1と略記することができる.現在の色に対応する2桁の数字が異なる場合は、簡潔に書くことはできません.
#123676;

2.同じ数字が同じ色でない場合は、簡単には書けません
#133664;

二、一般的なコントローラ1.idセレクタは、指定したid値で対応するラベルを見つけ、属性フォーマットを設定します.
#id  {
  : 
}

注意:idの前に接頭辞「#」を付けなければなりません.数字の先頭はできません.名前は英語か数字か下線しかありません.2.classセレクタは、指定したクラスを使用してラベルを見つけ、プロパティのフォーマットを設定します.
.  {
      : ;
}

注意:各ラベルにはクラス名を設定できます.classの名前は重複できます.セレクタを作成するときは、classの名前の前に点(英語記号の点)を付けなければなりません.ネーミング仕様とidセレクタのネーミングはほぼ同じです.3.子孫セレクタは、ラベルの子孫ラベルを作成し、属性フォーマットを設定します.
    1     2{
      : ;
}

注意:子孫セレクタは、ラベル名だけでなく、他のセレクタも選択できるように、スペースで区切らなければなりません.4.サブセレクタは、指定したラベルの直接的な自己要素を見つけて、プロパティのフォーマットを設定します.
    1>    2{
      : ;
}

注意:サブエレメントセレクタは息子のみを検索し、ネストされた他のラベルは検索されません.>記号で接続する必要があります.また、スペースは使用できません.ラベル名だけでなく、>記号で継続することもできます.区別:子孫セレクタでは、指定されたラベルが選択され、すべての特定の子孫ラベルが選択されます.つまり、子/孫が選択されます.指定されたラベルに配置されている特定のラベルであれば、子要素セレクタでは、指定されたラベルのみが選択され、すべての特定の直接ラベル、つまり特定の子ラベルのみが選択されます.5.ワイルドカード・セレクタは、現在のインタフェース上のすべてのラベルにプロパティ・フォーマットを設定します.
*{
      : ;
}

注:ワイルドカードセレクタはインタフェース上のすべてのラベルを設定するプロパティであるため、設定前にすべてのラベルを巡回し、現在のインタフェース上のラベルが多いとパフォーマンスが低下するため、エンタープライズ開発では一般的にワイルドカードセレクタは使用されません.