【 はじめに 】
このブログは、私「ほふり」がアフィリエイトを実施していく中で、
「行ったこと」「感じたこと」
等をseesaa ブログを中心として、記事にしています。

カテゴリはページ上下のリンクより、最新記事はこの下より参照下さい!
【 最新ニュース 】
Eブックを発明した彼のネットビジネスマニュアルを無料でみる方法とは?
無料お試しはこちら!
ネットマーケティングのカリスマ教材
読んで満足した場合のみ料金が発生
満足しない場合は返送可能
購入した場合も60日間の返金保証付き

ブログを作ったその次は・・・
脱常識!ブログでYST&Google対策
Yahoo!やGoogleで上位表示をめざそう!
4月の先行リリース後、封印されていた商材がついに販売再開
アフィリエイトの成約に、まずはアクセスが必要です
200部販売で19,800円から29,800円に値上げの予定

ブログ来訪者を引き込む文章
“たったの24時間であなたの今後のネット収益を倍増する”
宮川明のインターネット・コピーライティング基礎講座

こちらもアフィリエイトに必見のライティングスキル
当然、seesaaブログに限定しません

2006年04月03日

スタイルシート設定の適用方法

ブログのデザインを担っているスタイルシートですが、そのカスタマイズ設定をコンテンツに反映する方法について解説します。
seesaaに限らない方法です。

先日の記事(スタイルシートへの設定追加)で追加したデザインを反映する方法特化して解説します。

スタイルシートに設定したデザインを適用するには、

・<div></div>
・<span></span>
・それぞれのタグ

上記3種類の方法があります。

先日の記事で作成した

.news

という設定を適用するとします。


例えば、単純な文章のみに適用したい場合、下記3行の文章にデザインを適用する場合

最新ニュースです!
・ニュース1
・ニュース2
・ニュース3

下記のようにします。

<div class=news>
最新ニュースです!
・ニュース1
・ニュース2
・ニュース3
</div>


また、下記のように一部分だけ適用したい場合

知らない人に絶対ついていかないこと
(この場合下線部分)

知らない人に<span class=news>絶対</div>ついていかないこと

このように設定します。


ここで、div と span の違いについて解説します。

div はブロック要素と呼ばれ、前後で改行されます。
span はインライン要素と呼ばれ、前後で改行されません。

なので、文中に適用したい場合は、spanの方が良いと思います。


また、単純な文章でなく、リンク文字や下線を引いた文字に適用したい場合、

<a href="URL" class=news>リンク</a>
<U class=news>下線</U>

といった指定も可能です。
当然、

<div class=news>
<a href="URL1">リンク1</a>
<a href="URL2">リンク2</a>
</div>

こういった設定も可能です。

【関連記事】
スタイルシートへの設定追加

はたして何位?!鬼ブログランキングorくつろぐ



seesaaブログでアフィリエイト TOPへ
posted by ほふり at 00:43 | Comment(2) | seesaaカスタマイズ
この記事へのコメント
こんにちは。ICHIです。

スタイルシートも勉強しなくては!

応援して帰ります。ポチ!
Posted by ICHI [情報コレクターが送るあなたへの幸せレシピ] at 2006年04月03日 12:30
>ICHIさん

こめんとありがとうございます。
スタイルシート使いこなせると、いろいろ出来ますが、余力があったらで良いとおもいますよ(^^;;
Posted by seesaaブログでアフィリエイト at 2006年04月04日 21:58
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※半角英数字のみのコメントは投稿できません。
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。