  |
【スーパーアフィリエイター暴露伝】あのヒデさんの真相が明らかに・・・
あのヒデさんが月収１００万円を達成し、会社設立までに何を考え実行してきたか。成功までのヒントが隠されています！あなたは、成功しているアフィリエイターの心の中を
覗いてみたいと思いませんか？知らないのはあなただけです。 |
 |
【アフィリエイトツールの無料提供】携帯アフィリサイトを無料プレゼントします。
完全自動運転可能な携帯アフィリエイトサイトをほしくないですか？しかも、サイトが最初から用意されていたら？そんなサイトが無料で手に入ります。無料です。なんと、サイトは１つだけではありません。 |
 |
【たった３分でわかる】PDFの上手な扱い方
ＰＤＦを参照するとき、Adobe Readerを使用していませんか？この方法なら、本文のサムネイルを表示しながら、一度に複数ＰＤＦをタブ参照できるようになったり、直接ＰＤＦにメモや追記したりできます。ＰＤＦの作業が格段に効率化しますよ。特にアフィリエイター作業は、同時にＰＤＦを比較参照したりという作業がありますよね。そんな作業に重宝する方法です。 |
 |
【たった３分でわかる】図解：アフィリエイターの真実に迫る！
アフィリエイターなら必読すべきです！これから、アフィリエイトをしてみたいと思っている方もどうぞ。この図解では、トップアフィリエイターと弱小アフィリエイターの食わず食われずの関係が理解でき、弱小アフィリエイターがそこから抜け出す術がわかります。たった３分で理解できます。
|
お読みになりたい方は下のフォームからご請求頂けます。 |
|
※この無料レポートをダウンロードされた場合、たか(^^♪（メールマガジンの発行者）によってメールマガジン「マガジンID：0000252661 ブログアフィリエイトで月給１００万円を達成した方法」に代理登録されます。（メールマガジンは「まぐまぐ！」のシステムを利用して配信されます。）登録されたメールマガジンは以下のページから解除することができます。http://www.mag2.com/m/0000252661.html なお、「まぐまぐ！」が発行している公式メールマガジンには登録されません。
|
このブログのランキングは●位です！
2008年01月11日
ＣＳＳを使った簡単な強調タグの設定方法
ＣＳＳを使った簡単な強調タグの設定方法です。
よくレポートの作成でこのような強調を行います。
これは読み手の読みやすさの向上にもつながります。
たとえば、
例１：ＣＳＳを使った簡単な強調タグの設定方法
例２：ＣＳＳを使った簡単な強調タグの設定方法
例３：ＣＳＳを使った簡単な強調タグの設定方法
例４：ＣＳＳを使った簡単な強調タグの設定方法
例１は、文字を＜b＞＜/b＞で囲めばいいですよね。
ただ、例２、例３、例４はこんな簡単なタグでは実現できません。
これをタグのみでやろうと思うとちょっと大変です。
例２の場合は、
＜FONT style="BACKGROUND-COLOR: #ffff33"＞ＣＳＳを使った簡単な強調タグの設定方法＜/FONT＞
例３の場合は、
＜b＞ＣＳＳを使った簡単な＜FONT style="BACKGROUND-COLOR: #ffff33" color=#ff0000"＞強調タグ＜/FONT＞の設定方法＜/b＞
例４の場合は、
ＣＳＳを使った簡単な＜b＞＜FONT style="BACKGROUND-COLOR: ##ff0000" color=#ffffff"＞強調タグの設定方法＜/FONT＞＜b＞
ちょっとこれでは大変ですよね。
記事を作成する中で、これだけのタグを付けながらでは、
大変な手間がかかって大変です。
そこで、ＣＳＳを使います。
これを使うと記事を書くときに簡単に強調できます！
いろいろやり方はありますが、
強調用のマーキングを用意すると便利です。
このようにです。
/* 記事強調タグ（黄マーキング） */
yellow{
background-color:#ffff33;
}
/* 記事強調タグ（赤マーキング） */
red{
background-color:#ff0000;
}
このＣＳＳを使うと、ＨＴＭＬ上の記述はかなり楽になります。
このような記述で済みます。
例２の場合は、
＜yellow＞ＣＳＳを使った簡単な強調タグの設定方法＜/yellow＞
例３の場合は、
＜b＞ＣＳＳを使った簡単な＜yellow＞強調タグの設定方法＜/yellow＞＜/b＞
例４の場合は、
ＣＳＳを使った簡単な＜b＞＜red＞＜font color="white"＞強調タグ＜/font＞＜/red＞＜/b＞の設定方法
※タグ＜b＞などと入れ子の状態しても有効に働きます。
ちなみに、＜b＞は、boldの意味ですが、
これを上記のＣＳＳに含めることも出来ます。
yellow{
font-weight:bold;
background-color:#ffff33;
}
などとしてもいいでしょう。
そうするとですね、ＨＴＭＬ上でタグ＜b＞を設定する必要がなくなります。
マーキングするときに必ず文字を太字にするのであれば、
こう設定してしまったほうが便利ですね。
ただ、それも良し悪しありますので、
やっぱり、以下のように、黄色マーキングと赤マーキングを単体で
ＣＳＳにセットしておくのがよいと思います。
/* 記事強調タグ（黄マーキング） */
yellow{
background-color:#ffff33;
}
/* 記事強調タグ（赤マーキング） */
red{
background-color:#ff0000;
}
これだけ知ってるだけでも、いろいろな強調方法を
ＣＳＳを使って実現することが出来ると思います。
特に長い記事を作成するときは、読み手の気持ちを考え、
ところどころに強調を入れてあげると
読みやすくなっていいですよ。
ご参考まで。
最後に応援よろしくお願いします！
ＣＳＳを使った簡単な強調タグの設定方法を書いたこのブログの管理人
たか(^^♪と申します。
ブログアフィリエイトで稼ぐ日給８万円を実践してます。
リアルな情報は、メルマガで心を込めてお送りしています。
ＣＳＳを使った簡単な強調タグの設定方法 is Posted by taka_4_all at 17:08
│
コメント(12)
│
トラックバック(0)
ＣＳＳを使った簡単な強調タグの設定方法へのトラックバックURL
http://app.blog.livedoor.jp/taka_4_all/tb.cgi/51472221
いつもありがとうございます。桜子です＾＾
な。な。なぬぅ〜！！！？？
めっちゃいいこと聞きました。
このタグの部分早速コピペして持っていって
cssに貼り付けちゃっていいですか。
活用させてください！！
しかもレポートも見ましたよ。
かなーり濃いレポートですね。
あれは人気出ると思います＾＾
ではでは☆応援ぽちっ♪
こんばんは！
ぴろです＾＾
いつも訪問感謝します＾＾
お休み中だったためご無沙汰しております。
お返事遅れましてすみません。
おお、こういうのもあるのですね。
ＨＴＭＬはさっぱりです〜
どうしましょう。。。
応援済みです。
初めまして。
もぐと申します。
記事の装飾には何気に手間が掛かりますからね。
この方法を使えばかなり楽になりますね！
応援ポチ。
こんばんは！つかさです＾＾
こんな方法があるんですね！
知りませんでした＾＾
早速活用させていただきます！
今日はたかさんのところ
寄ってよかった＾＾
応援です＾＾
こんばんは。智佳です(^^)ﾉ
class指定にしなくても実現できるのですね！
知らなかったです（汗
応援☆
こんばんは。智佳です(^^)ﾉ
リンクの件、ご指摘ありがとうございました。
よくミスしてます…
こんにちは
すごいです
の一言に尽きます
こういうのエッチなので必要なので
応援
こんにちは。
みのごりです。
これ知らなかったです。
早速使ってみようかな。
レポート最高でしたよ。
応援ポチ！
イオです。
いつもありがとうございます。
私もこういった知識を
身につけていきたいです。
勉強になりました。
ではまた来ます。応援♪
こんばんわ
そんな事出来るんですね。
全く知識ないので
参考になります。
応援ポチ男！（￣≦￣）
こんばんは、ビームです。
視覚的タグはＳＥＯ的にどーかなとも思い
最近、使うとしてもstrongでした。
参考になります。ありがとうございました＾＾
応援ぽち！
たかさん こんばんは！
桃色珊瑚です。
たかさん すごい！
私もこういった知識
学んでいきたいです。
早速、使ってみたいです。
応援します！ぽち♪
応援よろしくお願いします！※別ウィンドウで開きます。
livedoor
ホーム
：ＣＳＳを使った簡単な強調タグの設定方法
