happy cat image

tomodevel

皆んなのウェブ入門, ともでぃべる

CSS3 紹介

CSS3はWebページを最も美しく、最も見によく作る機能を持ってます。
テキストの色を変えたり、大きさを直接したり、バックグラウンドの色を変えたり、することが出来ます。
では直接ソースを実行して見て見ましょう。

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS3はなんだろう</title>
<style>
p{color:lightpink;font-size:40px;background:skyblue}
</style>
</head>
<body>
    <p>Welcome to tomodevel</p>
</body>
</html>

上にあるボタンを押したらCSSが何をやるのか確認出来ます。
テキストの色、バックグラウンドの色を指定しました。
こうCSSは必ず必要な機能をします。よく使ってるYahoo! JAPANをCSS無しで見たら。。。

上のようにHTMLだけのページが見えます。CSSが何をやるのかわかることができました。

では、これから一つ一つCSSの機能について学習しましょう。

講座に戻り