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