学習html(4)
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参考マニュアルダウンロードページ:クリックしてリンクを開く