htmlタグとcss−すぐに使えるサンプルと小技集

■Site_TOP htmlタグとcss ■Link_Page 相互リンクサイトさま

---

スポンサード リンク

---

◆HTML&CSS◆ css(スタイルシート)サンプル集

---

コピペですぐに使えるスタイルシートです。



文字関連

---

h1{font-size:32px; padding:0px 0px 0px 0px; margin-top:0px; margin-bottom:0px;}
h2{font-size:20px; padding:0px 0px 0px 0px; margin-top:0px; margin-bottom:0px;}
h3{font-size:17px; padding:0px 0px 0px 0px; margin-top:0px; margin-bottom:0px;}
h4{font-size:15px; padding:0px 0px 0px 0px; margin-top:0px; margin-bottom:0px;}
h5{font-size:13px; padding:0px 0px 0px 0px; margin-top:0px; margin-bottom:0px;}
h6{font-size:10px; padding:0px 0px 0px 0px; margin-top:0px; margin-bottom:0px;}
strong{color:green; border-bottom:3px dotted #F80;}
em{color:green; font-family:"Arial Black"; border-bottom:3px dotted #F80;}
b{color:#FF0000;}
i{color:#FF0000; font-family:"Arial Black";}
a{color:blue;text-decoration:none;}
a:hover{color:red;border-bottom:1px dotted #000;}



h1~h6やstrong、emといったseo対策に有効なタグ。

また、bやiといった使用される事が多いタグの文字のサイズや色を指定しています。

strong,em,a(アンカーテキスト)にはそれぞれ別に装飾が加わるようになっています。

strongとemは下に3pxの線が付く。

a(アンカーテキスト)はマウスが触れると色が変化＋下線が付加されます。

上記のスタイルシートを使った場合(strong,em,aのみ)

htmlタグ(例:strong)

CSS(スタイルシート)(例:em)

htmlタグとcss−すぐに使えるサンプルと小技集(a)



1日で習得スタイルシート。

---

• CSSを外部呼び出し
• CSSのサンプル
• CSSで文字装飾

スポンサード リンク

---