CSSをいじりだす前にえっけんさんのところで見ていたのですが、ようやく意味がわかりました。
むだづかいにっき♂：CSSにこれを書き足そう +
これは便利ですねぇ。引用文を強調表示というか独立表示させるとかなりわかりやすくなります。
それとYahooブログを使っていて、見やすいなぁと感じたの「見出し」
各項目に背景色を当てはめるので非常に見やすくなりますね。
例）Yahoo!ブログ - BLUE_SKY_BLOG（Yahoo版）
Yahoo!ブログのガイドラインを読む
ということで、えっけんさんのサンプルを参考にちょこちょこっといじってみましたよ。
CSSに追加したのは以下の部分
これを追加するとどうなるかというと
↑＜h4＞H4タグ＜/h4＞って書いてます。
（＜＞は全角にしています）
ちょっとした引用はqタグをつかうといいみたい
長い文章の引用はblockquoteタグをつかうんですね。
↑これは
＜blockquote＞引用文をここに記述します。
引用文をここに記述します。
引用文をここに記述します。
＜/blockquote＞
って記述しています。
なかなか見やすくなっていい感じです。
あと少し、調整するかもしれませんけどとりあえず今日はこの辺で。
むだづかいにっき♂：CSSにこれを書き足そう +
これは便利ですねぇ。引用文を強調表示というか独立表示させるとかなりわかりやすくなります。
それとYahooブログを使っていて、見やすいなぁと感じたの「見出し」
各項目に背景色を当てはめるので非常に見やすくなりますね。
例）Yahoo!ブログ - BLUE_SKY_BLOG（Yahoo版）
Yahoo!ブログのガイドラインを読む
ということで、えっけんさんのサンプルを参考にちょこちょこっといじってみましたよ。
CSSに追加したのは以下の部分
| h4 { margin:0px; padding:0px; font-size: small; font-weight: normal; background-color: #FFFFCC; } /* 引用の設定 */ q {background-color: #F4F7FF; border-bottom-style:dashed; border-bottom-width:1px; border-color:#6F6F6F;} blockquote { background-color: #F4F7FF; font-size: 88%; color:#0099CC; margin-left:25px; margin-right:5px; margin-top:12px; margin-bottom:8px; border: 1px #6F6F6F dashed; padding: 10px;line-height: 160%; } |
これを追加するとどうなるかというと
H4タグ
↑＜h4＞H4タグ＜/h4＞って書いてます。
（＜＞は全角にしています）
ちょっとした引用はqタグをつかうといいみたい
こんな感じ。これは「＜q＞こんな感じ＜/q＞」って書いてます。
長い文章の引用はblockquoteタグをつかうんですね。
引用文をここに記述します。
引用文をここに記述します。
引用文をここに記述します。
↑これは
＜blockquote＞引用文をここに記述します。
引用文をここに記述します。
引用文をここに記述します。
＜/blockquote＞
って記述しています。
なかなか見やすくなっていい感じです。
あと少し、調整するかもしれませんけどとりあえず今日はこの辺で。
よって僕はCSSカスタマイズできるものしか使えなくなってます。
カスタムブルー、カスタムメタルでは、
見出しタグ全てに、装飾を付け加えることが出来ますが、フルカスタム、シンプルカスタムに変更することを視野に入れるなら、H1～H3くらいまでは属性を与えない方が無難です。（記事の題名などに割り振られているみたいです）
心強い見方がそばにいると
生徒としては成長せざるを得ませんね!!
しかし、ブログのおかげでいろんなことを理解できるようになりました。
HTMLもスタイルシートも知らなかったのにねぇ。
HPも更新しないといけませんね。
ちょいと遊んでみました。
これは相当使えますね！
H○ってのは数字を増やしてけば
いろんなテンプレートが作れるってことですか？
http://www.htmq.com/html/h.shtml
h1～h6まで使えるようです。
CSSではこのhタグの表示の仕方を指定している。という訳なんです。
なので、他のHTMLタグにも特定の表示の仕方をさせることが可能みたいです。詳しくはえっけんさんの記事をご覧下さい。