「CSS」を追加する...【Seesaaブログのカスタマイズ編】


◆よく使う「style」を、「CSS」に記述して使う...【Seesaaブログのカスタマイズ編】

seesaaブログ 詳しくはこちらから...
試しにブログを作ってみる...

無料のシーサーブログ
▼seesaaのすすめ
Seesaaブログの特徴...

◆入門編
◆カスタマイズ編
◆SEO編


▼ブログで稼ぐコツ
ブログを作る1
ブログを作る2
ブログを選ぶ
テーマを決める
記事の投稿...
ASP登録...
提携申請....
リンクの設置
商品を選ぶ...
リンクの留意点

◆繰り返し使うスタイルを「CSS」に記述して使いましょう。

「CSS」は、本文内などでよく使うスタイルを書き込むことで本文を整然とさせることが出来ます。

複雑な「HTML」を減らすことで、検索エンジンからも本文が認識され易くなります。

例えば、良く使われる見出しの装飾などの場合

【▼例】

よく使う見出し

上の見出しを本文中では

<div style="padding:2px 10px; background-color:pink; border:2px solid red; font-weight:bold;">よく使う見出し</div>

と記述します。

これを「CSS」に記述する場合 CLASSセレクタを利用して記述することが出来ます。

前記の例の場合「CSS」には、

「style」の後に記述された「padding:2px 10px; background-color:pink; border:2px solid red; font-weight:bold;」を
(セレクタ名は自分の分かりやすい名前を英数半角文字で記述します)

.sousyoku {
padding:2px 10px;
background-color:pink;
border:2px solid red;
font-weight:bold;
}

と記述。

「HTML」シートには

<div class="sousyoku">よく使う見出し</div>

記述することで

よく使う見出し

のように装飾することが出来ます。

⇒Seesaaブログのカスタマイズ編...

⇒このページのTOPに戻る...


★ブログのアクセス解析機能!詳しくは...Seesaaブログ


⇒【シーサーブログのすすめ】に戻る....



◆Seesaaブログの登録は簡単無料...

Seesaaブログなら面倒なレイアウトが、簡単にカスタマイズ出来ます。また、「HTML」や「CSS」が変更できるのでSEOを考えた <h>タグの設定や、まるでホームページのような大胆なレイアウトなどが可能です。しかも1つの登録でブログが100サイトまで作れるのも魅力です。

すぐにブログを作成する...⇒Seesaaブログ


FC2ブログ 詳しくはこちらから...