CSSスタイルノート_背景テキストフォントリンク

CSS背景属性:
background:簡略化されたプロパティは、宣言ですべてのバックグラウンドプロパティを設定します.最下層の背景画像を設定できます.
background-attachment:プロパティ設定背景画像が固定されているか、ページの残りの部分に従ってスクロールされます.値がfixedの場合、画像はページの残りの部分に従ってスクロールされません.scroll(デフォルト効果)がページをスクロールして動かないと、ゆっくりと見えなくなります.
background-color:背景色を設定します.一般的には3つのフォーマットがあります.2つ目は同じで、rgbで表します.red,green,blueは00−FF,すなわち0−255で直接選択した.デフォルトはtransparentです.

body
  {
  background-color:yellow;
  }
h1
  {
  background-color:#00ff00;
  }
p
  {
  background-color:rgb(255,0,255);
  }

background-image:バックグラウンドピクチャを設定し、デフォルトはnoneです.body要素内で使用する場合は、ページ全体に背景画像を追加します.urlは画像のパスを指します.

body
  { 
  background-image: url(bgimage.gif);
  }

background-position:画像を位置決めします.デフォルト値は0%、0%==top、left==左上隅ですが、ピクセルポイントの位置を直接定義することもできます.単語で位置を定義すると、top、buttom、centerの3つの値、2つのパラメータがあり、最初のパラメータだけを書くと、2番目のパラメータはcenterとデフォルトになります.次の例の画像はページの中心にあります.

body
{ 
  background-image:url('/i/eg_bg_03.gif');
  background-attachment:fixed;
  background-position:center;
}

background-repeat:バックグラウンドアイコンが重複しているかどうか、どのように重複しているかを設定します.デフォルト値はrepeatが水平と垂直で同時に繰り返されます.他にもrepeat-x,repeat-y,no-repeatの値があります.それぞれは水平に繰り返すだけで、垂直に繰り返すだけで、繰り返さないことを示します.
背景プロパティは、ページ全体の背景など、任意の要素に配置できます.
CSSテキスト属性:
color:background-colorにそっくりで、3つの方法がありますが、これはテキストフォントの色を設定します.
Direction:文字の出力方向、デフォルト値はltrで、左から右、左に揃えます.またrtlは、右から左、そして右揃えを表す.
line-height:プロパティは行間の距離(行の高さ)を設定します.デフォルトはnormalです.このプロパティの値をパーセンテージで表すこともできます.ほとんどのブラウザでは、デフォルトの行の高さは約110%から120%です(フォントベースのサイズのためですか?)100パーセントを下回ると、段落の文字が少し重なってしまいます.100パーセント上りに貼って下りても面白くない.ピクセル値も使用できます.ほとんどのブラウザでは、デフォルトの行の高さは約20 px(一般フォントのサイズに基づいています)です.長さの値をそのまま使うこともできます.1はデフォルトの行の高さです.1を下回ると重なります.
letter-spacing:属性は文字間の空白(文字間隔)を増やしたり減らしたりします.デフォルト値はnormalで、文字間に余分な空白はありません.この値は負の値にすることができ、文字の間に重複が発生します.値はem(フォントの高さ、固定されていない、継承可能)またはpx(ピクセル値)です.
text-align:属性は要素内のテキストの水平位置合わせを規定します.directionプロパティがltrの場合、デフォルト値はleftです.directionがrtlの場合はright

h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}

のもう一つの属性値はjustifyが両端揃えテキスト効果を実現し、両端揃えテキストの中で、テキスト行の左右両端が親要素の内境界に置かれている.そして、単語とアルファベットの間隔を調整して、各行の長さをちょうど等しくします.主に文字間隔を調整してこの効果を実現するため、letter-spacingが明確に定義されている場合、これは問題が発生し、要素の外観に影響し、高さを変えることもあります.
text-decoration:属性規定テキストに追加された修飾.デフォルト値はnoneで、標準的なテキスト属性で、線、下線、中間の削除線、点滅フォントを加えることもできます(私はいくつかのブラウザで効果がありません).いくつかの属性値はそれぞれ

h1 {text-decoration: overline}
h2 {text-decoration: line-through}
h3 {text-decoration: underline}
h4 {text-decoration:blink}
a {text-decoration: none}

text-indent:属性は、テキストブロック内の最初の行のテキストのインデントを規定します.デフォルトはnot specifiedです.値はピクセルでも数値でもかまいません.パーセンテージの場合は、親要素の幅に基づくパーセンテージのインデントを定義します.

p {text-indent:20px}
p {text-indent:2cm}

text-shadow:テキストシャドウを設定し、css 2.1以降、この属性は保持されません.
text-transform:属性はテキストの大文字と小文字を制御します.デフォルトはnone、標準テキストです.属性値の名前は効果です.大文字になり、小文字になり、各単語の頭文字が大文字になります(ここでは他のものは変わりません.頭文字でも大文字でなければ、小文字にはなりません.

  p.uppercase {text-transform: uppercase}
  p.lowercase {text-transform: lowercase}
  p.capitalize {text-transform: capitalize}

white-space:属性設定は要素内の空白をどのように処理するかを設定します.デフォルトはnormalです.つまり、空白を無視します.他の属性値にはpre,nowrap,pre-wrap,pre-line効果はそれぞれ空白を残し、行を折らず(改行を除く)、通常の改行は空白を残し、空白をマージして空白を残す.
word-spacing:属性の増加または減少
単語間の空白.デフォルトはnormal、単語間の標準空間です.属性値はletter-spacingと同じです.負の値を許可します.

p.spread {word-spacing: 30px;}
p.tight {word-spacing: -0.5em;}

CSSフォント属性:
font-familyは要素のフォントシリーズを規定します.font-familyは、複数のフォント名を「ロールバック」システムとして保存できます.ブラウザが最初のフォントをサポートしていない場合は、次のフォントを試します.すなわちfont-familyプロパティの値は、ある要素のフォントファミリー名または/およびクラスファミリー名に使用される優先テーブルです.ブラウザは、認識可能な最初の値を使用します.デフォルト値はnot specifiedです(ブラウザのデフォルトフォントに関係しますよ).複数の単語に引用符を付けるのを忘れないでください.

p.serif{font-family:"Times New Roman",Georgia,Serif}
p.sansserif{font-family:Arial,Verdana,Sans-serif}

font-sizeプロパティでは、フォントのサイズを設定できます.フォント内の文字ボックスの高さを設定します.デフォルトはmediumです.可能な値:xx-small,small,large,xx-large,smaller,larger,length,%
font-styleプロパティは、フォントのスタイルを定義します.下は正常、斜体、傾斜(後2つは差が見えません)

p.normal {font-style:normal}
p.italic {font-style:italic}
p.oblique {font-style:oblique}

font-variantプロパティは、小文字のフォント表示テキストを設定します.これは、すべての小文字が大文字に変換されることを意味しますが、小文字のフォントを使用するすべてのアルファベットは、残りのテキストに比べてフォントサイズが小さくなります.

p.normal {font-variant: normal}
p.small {font-variant: small-caps}

font-weightプロパティは、テキストの太さを設定します.属性値normal,bold,bolder,lighter.しかし、lengthは100〜900の太さを自由に設定し、そのうち400はnormalに等しく、700はboldに等しい.
CSSリンク属性:
リンクスタイルを設定できるCSSプロパティには、さまざまな種類があります(color,font-family,backgroundなど).リンクには4つのステータスがあります

a:link {color:#FF0000;}    /*         */
a:visited {color:#00FF00;} /*         */
a:hover {color:#FF00FF;}   /*            */
a:active {color:#0000FF;}  /*          */

リンクの異なるステータスにスタイルを設定する場合は、次の順序でルールを設定します.
a:hoverはa:linkとa:visitedの後にある必要があります.a:activeはa:hoverの後にある必要があります.
text-decorationプロパティの多くは、リンクの下線を削除するために使用されます.

a:link {text-decoration:none;}    /*         */
a:visited {text-decoration:none;} /*         */
a:hover {text-decoration:underline;}   /*            */
a:active {text-decoration:underline;}  /*          */

このようにすると、マウスが接続に浮かんでクリックしたときに下線を表示するだけで美しくなります.同様にできればbackground-colorで背景色を設定することもできます.