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

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

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


昨日書いたタグにスタイルを設定する方法の続きだよ。





タグの間にカンマ[ , ]を入れないでスペースを入れると

異なった意味になりますから注意!!





って事でしたね。
h1 span{

color:#0000ff;background-color:#ffff10;

}




このように書くと

h1タグにはさまれたspanタグにスタイルが適用されるよ



っていう意味になります。



例えば

上記のスタイルを設定したHPで以下のように書くと



<h1>今日はとっても<span>良い天気</span>だねえ</h1>

<h1>今日はとっても・・・だねえ</h1>

<span>良い天気</span>


こんな感じになります


どうですか?



昨日のとは違いますよね!?



<span></span>は文章中の特定部位だけ強調したりするのに結構役立ちます。





ライブドアブログ内でスタイルシートを使う場合は



以前ご紹介した



インラインによる記述方法一日3分!スタイルシート使いこなし術を使うのが簡単です。




そのほかの設定方法は<head></head>の内側に記述する必要があるため



デザインの設定でカスタマイズするときに使います。


どうですか?



是非参考にして、カラフルでカッコいいHP,ブログを作ってくださいね。



さて、次回はやっとクラスについて書くことにします。



では お楽しみに!!

相互リンクしていただける方はご連絡くださいね。

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