CSS 記事の中でカンタンにマーカー 2 | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

CSS 記事の中でカンタンにマーカー 2

追加です



まさか・・・・
太字ボタンもいらないって方・・・・


/* マーカー */
.entry .contents strong{
padding: 2px 0;
background-color: #ffff66;
font-weight: normal;
}



太字ボタンをマーカーにした場合に、
太字を使いたい場合は 
<span style="font-weight: bold;">文章</span> または <b>文章</b>


・・・・・
font-weightプロパティ
ちなみに、100~900までの100単位の数値で太さを指定することもできます(font-weight: 800;)
400=normal、700=bold ですがフォントにより対応するかどうか決まります
フォントが合えば細字が表示されるかも・・・・




ところで斜体ボタン押すと <em> が付きますが、コレは強調です・・・・
どちらも斜めにはなりますが斜体は <i> です

あっ斜体のもっとカンタン指定は <i>文章</i> でした



ついでに
<em> より、もっと強調は <strong> です・・・見かけは <b> と同じ太字です



・・・・・・・・・・・・・・・・・・・・・・・・


i と em
b と strong


人の目ではまったく同じです
でも検索ロボットには別物なんです


かっこいいから斜めにした・・・この単語を強調したいから斜めにした
バランス的に太くしてみた・・・この単語は重要だから太くした



SEO的にどちらが重要か、どちらを使うべきかはわかりますよね・・・・


私、案外SEOも得意なんです??



※12/24 Firefox、Netscapeで記事を書いている方は各ボタンで付くタグがちがっていますのでこの方法は使えません