仕上げCSSプロパティ:背景、テキスト、フォント

仕上げので、新人のチュートリアル簡単にアクセスを目的とします。

背景

  • background-color:背景色の要素を定義します。
  • background-image:指定された要素の背景画像は、デフォルトがされて繰り返し表示タイル張り
  • background-size:背景画像のサイズを設定します。
    • length:第1の値の幅、第二の値の高さが設定され、一つの値だけが与えられた場合、第二のようにauto
    • percentage:2つの値のバックグラウンドに対して相対位置面積率、同じ幅と高さを設定します
    • cover:アスペクト比を維持し、背景は完全にロケーションエリアカバーするようにスケーリングされた最小サイズを
    • contain:キープアスペクト比の背景配置領域にズームイン最大サイズ
  • background-repeat:背景画像タイリングを設定する方法
    • repeat:リピート(デフォルト)
    • repeat-x:背景のみの画像の水平方向の位置が繰り返されます
    • repeat-y:背景画像の垂直方向の位置のみが繰り返されます
    • no-repeat
  • background-attachment:固定またはローリング設定します
    • scroll:ページでスクロールやスクロール(デフォルト)
    • fixed:固定とスクロールしません
    • local転動体のコンテンツがスクロールされたと:
  • background-position:背景画像の位置を開始
    • left topleft centerleft bottom... 9位
    • x% y%左上隅を100%低い0%、0%、100%、右コーナーであります
  • background:短縮形プロパティ
background: #00ff00 url('smiley.gif') no-repeat fixed center; 

テキスト

  • color:色の設定
  • text-align:水平方向の配置を設定します
  • vertical-align:垂直方向の配置を設定します
    • baseline:親要素は、ベース上に配置される(デフォルト)
    • top:トップエレメントへ戻る列が最高と整列されます
    • text-top:親要素のフォントの先端の位置合わせの上
    • middle:親要素の中央に配置
    • bottom:最低と整列要素の上部と下部の行
    • text-bottom:フォントの下部には、整列された親要素の底に達します
    • %高パーセント値の使用は、列に配置されています
  • text-decoration:テキストの装飾、多くの場合、リンクの下線を削除するために使用
    • none:いいえフリル
    • overline:ダッシュオン(?)
    • line-through:取り消し線
    • underline:下線
  • text-transform:ケース変換、または最初の文字については大文字
    • uppercase
    • lowercase
    • capitalize
  • text-indent:あなたは段落の先頭にある2つの空白スペースを実現したい場合は、テキストのインデント最初の行は、に設定することができます 2em
  • letter-spacing:文字間隔
  • line-height:行の高さ
  • white-space:設定は空白の処理方法
    • normal:デフォルトでは、空白を無視して、改行で無効
    • pre:空白のままにしておき、参照<pre>ラベル
    • nowrap:それは遭遇するまで、テキストは折り返されませんbrタグを
    • pre-wrap:空白文字列、通常の改行
    • pre-line:空白文字列、通常の改行をマージ

フォント

覚えこちらをクリックしてfont-size3つのユニットを、px実際のピクセルサイズを指定し、em親要素のサイズを相対的に指定し、remより規範的な、HTMLのルート要素の相対的なサイズを指定します。

おすすめ

転載: www.cnblogs.com/zzzt20/p/12405320.html