水平線の指定を変更しました。 hr { background-color: #cacec8; background-image: url(http://f.hatena.ne.jp/images/fotolife/y/ymd-y/20071127/20071127204440.jpg); background-repeat: no-repeat; border-style: none; border-bottom: solid 2px #4d53…

abbr, acronym { border-bottom: dashed 2px 73c47f; } kbd { padding: 0.2em; border: outset medium #a3e0e3; } code, samp { color: #237800; background-color: #f8f8e8; font-family: monospace; } i { font-style: italic; } b { font-weight: bold; }…

「前の日」「次の日」とかのナビゲーション。余白調整のみ。 div.calendar { margin: 1em 0; }はてなモジュール。 div.hatena-module { margin: 0.5em 5%; padding: 0.5em; border-left: dotted 2px #006090; } div.hatena-moduletitle { color: #006090; ba…

検索結果のハイライト。黄色地になっております。 span.highlight { color: #203040; background-color: #ffff55; }コメント欄。1コメントごとに左に緑線。 div.comment { margin: 0 0 1em 1em; } div.commentshort p { border-left: solid 5px #7f9173; pad…

はてなダイアリーじゃなくても使えるようにつくってから、独自クラス対応にしようかと思ってたんですけど、いいかげんあきてきたのでー。あと締切が。締切が。間に合うんだろーか、前のキャンペーンだって、締切の数十秒前に応募なんてことをしてるんですよ…

delは訂正、取り消し線を引きます。insは追加、下線を引きます。多くのブラウザのデフォルトと同じだと思いますが。 del { text-decoration: line-through; } ins { text-decoration: underline; }hrは水平線。 hr { margin: 2em 40%; padding: 3px; border-…

table、表です。これまた私はほとんど使わないんですが……って思ったら、考えてみればヘッダのところがテーブルなんでした。なんだかおかしなことになったので細いヘッダに変更しておきます……。 table { margin: 0.7em 1%; border: solid 1px #555555; } th, …

dlは定義リストなのです。私はあんまり使わないのですが……。 dl { margin: 0.5em 1%; } dt { font-weight: bold; margin: 0; padding: 0.2em 0.5em; border: solid 1px #731417; border-style: solid none none solid; } dd { margin-left: 1em; padding: 0.…

ulが非順列リストで、olが順列リストなのです。 ul, ol { margin: 0.5em 1%; } li { margin: 0.5em 0; } ul, ul ul ul ul { list-style-type: disc; } ul ul { list-style-type: circle; } ul ul ul { list-style-type: square; } ol, ol ol ol ol { list-st…

preは整形済みテキスト、このCSSを書いている、まさにここ↓。 pre { color: #237800; background-color: #f8f8e8; font-family: monospace; padding: 1em; margin: 0.5em 1%; border: solid 1px #938c00; }……なんだか色がどんどんみょうになっていくな。だい…

blockquoteは引用なのです。qも引用だけど、部分的というか文中に使うやつ（はてなダイアリーでは意識して使っている人以外は使ってないと思う）。citeは出典。blockquoteの最後の行についてる（ことがある）リンク部分がこれです（リンクじゃなくても使うん…

ようするに、番号が大きくなるほど小さな見出しになっていくのですけど。h5は使ったことないし、h6は……使えない、のか？ いちおう指定はいたしますが……。 h4 { color: #004070; background-color: transparent; font-weight: bold; font-size: 1.1em; paddin…

h3は、はてなダイアリーでは記事タイトルになります。 h3 { color: #006090; background-color: transparent; font-weight: bold; font-size: 1.2em; text-align: left; padding: 0.2em 1em; margin: 0.5em 0; } h3 a:link, h3 a:visited, h3 a:hover { colo…

日記タイトルの次に大きな見出し、h2の指定をしますが、その前にリンク（a）の指定を。とりあえず、未訪問は青、訪問済は紫という定石に従っておきます（紫というよりはだいぶ灰色だけど……）。 a:link { /* 未訪問リンク */ color: #102090; background-colo…

em（強調）は太字にします。 strong（より強い強調）は、太字にした上に、文字を大きめにします。 em { font-weight: bolder; } strong { font-weight: bolder; font-size: 1.2em; }で、タイトル。というか、いちばん大きな見出しであるh1。そろそろ色を決め…

pは段落。 p { padding: 0; margin: 0.5em 0; }まだまだあんまりかわらない……。

なんにもスタイルを指定してないときは、ブラウザのデフォルトのスタイルが適用されるわけで、それはブラウザごとにちょっと違う。ので、それをリセットする、ということを、ふつうはするらしいんだけど……ま、いいや（ほんとはよくない）。でも斜体はあんま…

一日一行で。いきあたりばったりで。（いつできるんだ……） いや、前からやろうと思ってたんだけど、なかなか……こういうときはネタにしてしまえばよいのだと気づいた。 まずは現在のテーマをオフにする。ヘッダはとりあえず白。 さっそく一行も書いてません！…