スタイルシート。

今私が設定しているスタイルシートをさらしてみる。

span.highlight {
	color: black;
	background-color: yellow;
}
img.photo {
	float: left;
	margin: 10px;
	border: 0;
}
a.keyword {
	text-decoration: none;
	border-bottom: 1px solid gray;         
}
body{
         scrollbar-track-color:white;
         scrollbar-face-color:white;
         scrollbar-highlight-color:black;
         scrollbar-arrow-color:black;
         scrollbar-base-color:#ECE9D8;
         scrollbar-darkshadow-color:black;
         scrollbar-shadow-color:black;
         scrollbar-3dlight-color:#ECE9D8;
         font-size:10pt;
         line-height:10pt;
}

em{
         font-size:16pt;
         font-weight:bold;
         color:red;
}
em.keyword{
         color:red;
}
table{
         width:100%;
}

何がどんな効果があるかは忘れたわ。試行錯誤してた頃のごみが残ってるかもしれない。
特にtable.width:100%は怪しい。emタグは黒歴史時代の名残。
実際意味があるのはbody.fontsizeとかline-heightぐらいだろう。

ちなみに、はてなは2行空行を入れると1行空く。
改行すると勝手にpタグが入るせいだと思っている。
折り返ししたときに行間が詰まるのはどうしようもないので、
頑張って折り返されない程度のところで改行する。
もしくはデザインを横幅の広いものにする。

※
そういえば、はるか昔にはてなでAA使う的なスタイルシートが出回ってたね。
今はAA記法があるから使う利点はあまり無いのかもしれないが。
「はてな　スタイルシート」でググれば何か出てくるんじゃないか。