# cssでタグを装飾

この左画面を左クリックすれば以下の赤字のスクリプト全部がクリップボードにコピーされるので、右の画面の赤い矢印の右側に貼り付けてください。

    	<style>
    * {
    	position: absolute;
    	top: 0;
    	left: 0;
    }
    h1 {
    	width: 300px;
    	left: 20px;
    	color: #fff;
    }
    	</style>

では「制御」→「実行」メニューを実行してください。
画像やh1タグが全て左上に寄りました。
cssはstyleタグ内で記述し、タグの装飾に使われるのですね。
*セレクタで全てのタグに影響するcss装飾してますね。
普通は画像や文字は並んで次の場所に表示される所、position:absoluteにすることでtopやleftの位置に移動できるんですね。
h1セレクタでは、幅を300ピクセルにして、左から20ピクセルの位置にし、文字の色を真っ白にしてますね。

### 次へ