感謝のプログラミング 10000時間

たどり着いた結果(さき)は、感謝でした。

使ってみる。

スポンサーリンク

WWW(World Wide Web)は1989年、スイスのジュネーブにある王獣素粒子物理研究所に勤務していた

ティム・バーナーズ=リーによって提案された。
当初、膨大な量の研究論文をコンピュータで管理できないかと画策したバーナーズ=リーは、文書の中の文字列に別の文書を呼び出す仕掛けを用意しておき、
必要な時にはその文字列から情報を次々に巡っていけるという仕組みを考えた。
これは文書から文書へ移動する特殊なテキストという意味を込めて、「Hyper Text」と呼ばれた。
これが「HTML」の由来である。

■CSSで文字のサイズを指定する

font-size:値

絶対値の単位で指定するとユーザーのブラウザ設定で変更できないことに注意すること。

使用例

#px {
	font-size: 30px;
	}
#px24 {
	font-size: 24px;
	}
#pt36 {
	font-size: 24pt;
	}
#wariai250 {
	font-size:250%;
	}

絶対値の単位とは
px ピクセル
pt ポイント
in インチ
mm ミリメートル

相対値の単位とは
% パーセント 機銃ンとなる文字サイズに対する割合で指定する
em エム 1em=基準となる文字サイズの高さを1とする

サンプル

<!DOCTYPE html PUBLIC ="//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-31J" />
<title> TEST </title>
</head>

<body>
<h1> H1のテスト </h1>
<h2> H2のテスト </h2>
<p> hoge hoge hoge </p>
<address> copyright (C) hogehoge </address>

</body>
</html>

上記のHTMLの文字の大きさを指定するCSS

h1 {
	font-size:60px;
	}
h2 {
	font-size:60pt;
	}
address {
	font-size: smaller;
	}

■CSSで文字の色を指定する

color:値

color: rgb(100,150,255);  RGB10進数で指定するパターン
color: #039;  16進数2桁で指定するパターン
color: purple; 色の名前で指定するパターン

body {
	color:red;
	}
p {
	line-height: 1.5em
	}

■CSSでフォントを指定する

font-family:値

■CSSで文字を装飾する

font-weight:値

normal:文字を通常の太さにする
bold:文字を太くする
bolder:文字を一回り太くする
lighter:文字を一回り細くする

■CSSで文字を斜体にする

font-style:値

たとえば、

h2 {
	font-size:60pt;
	font-style:italic;
	}

のように、font-style:italicと指定すると文字が斜めになったりする。

■CSSで取り消し線や下線を設定する

text-decoration:値

text-decoration:line-through
text-decoration:line-underline
text-decoration:line-overline
text-decoration:blink →文字を点滅させる
text-decoration:none

■テキストの行揃えと幅を指定する

text-align:値
text-width:値

■その他
・背景の色を指定する
background-color:値

・背景に画像を指定する
background-image:url(画像ファイルのURL)

・背景画像の並び方を指定する
background-repeat :repeat-x;
→同じ画像を繰り返して表示する

・背景画像の位置を指定する
background-position : right;

・背景画像を固定する
background-attachment:fixed

・行間とも時間を指定する
line-height:200%;<参考>

HTML&スタイルシート トレーニングブック CSS3増補版

HTML&スタイルシート トレーニングブック CSS3増補版