参加してますblogランキング 押してくれたら頑張っちゃいます。  よろしくお願いします♪ m(_ _)m

一日3分!スタイルシート使いこなし術

参加してますblogランキング 押してくれたら頑張っちゃいます。  よろしくお願いします♪ m(_ _)m

css(スタイルシート)を学ぼうと思い立って

先日から少しづづやってます。


復習を兼ねて
紹介していきます。

まだ使ったことの無い人は
一緒に学びましょう。




さて今回は
スタイルシートの3種類の記述法について

昨日紹介したものが
インラインという記述方法でHTMLのタグの中に直接記述します。




文字の色と大きさが違うでしょ!!

ソースは
<div style="color:#ff0000; font-size:15pt;">
文字の色と大きさが違うでしょ!!
</div>

<div> タグの中に色指定とサイズ指定の2種類の属性をしています。



次に
ページ全体にスタイルシートを設定する方法があります。
HTMLファイルのヘッダー(<head> タグで囲まれた部分)に記述する方法で、この設定はページ全体に適用されます。



<html>
<head>
<title>ページ全体に適用する</title>
<style type="text/css">
<!--
div{
color:#ffa500;
font-size:35pt;
}
-->
</style>
</head>
<body>
<div>こんな感じ♪</div>
</body>
</html>

ブラウザで見るとこうなります。



<style type="text/css">
<!--
div{
color:#ffa500;
font-size:35pt;
}
-->
</style>
という記述は
ページでスタイルシートを使いますよ!!という宣言です。

ここでの属性は color:#ffa500 や font-size:35ptと記述している部分。

もうひとつ
外部ファイルによって設定する方法がありますが
疲れちゃったので次回と言うことで(^_^;)

参加してますblogランキング 押してくれたら頑張っちゃいます。  よろしくお願いします♪ m(_ _)m