学習html(4)

2346 ワード

1.CSS制御段落テキスト


は、背景色などの要素を追加することもできます.
text-indent:段落のインデントは、セグメントの前方にどれだけの画素が空いているかです.
text-align:center:テキストが中央にあり、位置合わせができます.
text-decoration:underline:下線;overline:上線;line-through:線を削除します.
letter-spacing:字と字の間の距離.
その他はcssリファレンスマニュアルをクエリーしてスタイルを検索できます.
 

2.CSS制御文字テキスト


color:カラーコントロール.
foot-style:文字の形式.italic:斜体.
foot-weight:重量、文字の太さ、boldなど.
foot-size:文字のサイズ.
line-height:1行の高さ.
font-family:フォントのスタイル.
上の5つは一緒に書くことができます.foot:italic bold 23 px/46 px「SimHei」です.
 

3.フォントレスエラーの回避


Sans-serif無セリフフォントマイクロソフトブラック.
Seirfにはライニングフォントがあり、曲がり角に突起宋体がある. 
クライアント上にhtmlに書かれていないフォントを避けるために、スタンバイのために複数のフォントを設定できます.
例えば、font-family:'マイクロソフト雅'、'黒体'、sans-serif;またはserifを使用して、同じ設定方法を使用します.
 

4.CSS設定背景画像


ラベルに背景色または背景画像を配置します.
    background-image:url(background.jpg);画像が小さすぎる場合やデフォルトで開く場合
    background-repeat:repeat-x;水平方向に画像を表示します.repeat-y:縦方向に画像、列、no-repeat:繰り返し表示せず、1つ表示します.
    background-attachment:fixed;ページのどこにいても、追加された画像は位置を変換します.左上隅またはその他、デフォルトの左上隅.
背景図も背景色も設定されており、優先的に背景図が表示されます.
 

5.背景画像の位置設定


    background-position:center top;垂直の中間で、最初のパラメータは水平方向で、2番目は垂直方向です.
コンピュータでは、左上隅が象限の座標原点、右がx軸正方向、下がy軸正方向となるのが一般的です.
    background-position:-100px -120px;必要な背景画像の一部に応じて背景画像を移動してページに表示できます.-100 pxとは、画像を左に移動し、-120 pxを上に移動することを意味します.
<!DOCTYPE html>
<html>
<head>
<title>     </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
	#test1 {
        border: 1px solid orange;
		width: 500px;
        height:500px;
		background-image: url(small.jpg);
        background-repeat: no-repeat;
        background-position: center; center;
		
	}

    #test2 {
        width:150px;
        height:130px;
        border: 1px solid blue;
        /*
        background-image: url(bg.png);
        background-position: -150px -530px;
        */
        background: gray url(bg.png) no-repeat -150px -530px;
    }
</style>
</head>
    <body>
        <div id="test1"></div>
        <div id="test2"></div>
    </body>
</html>

CSS参考マニュアルダウンロードページ:クリックしてリンクを開く