body { margin: 8% 10%; } div,h1,h2 { line-height: 150%; } ruby { line-height: 100%; } rt { line-height: 50%; } span.notes { font-size: smaller; } img.gaiji { width: 1em; height: 1em; align: top; }上下に8%、左右に10%のマージン︵余白︶や、行間を0.5行分とる、といった指定をしています。 それでは試しに、背景色を黒に、文字色を黄色にしてみましょう。ここではInternet Explorer 5.1以降のブラウザを想定しています。まず、新規のテキストファイルを作成し、以下の一行をファイルに書き込んでから、MyStyle.css等の名前をつけてお好きなところに保存します︵保存した場所は忘れないでください︶。
body { color: yellow; background-color: black; }次に、Internet Explorerの﹁編集﹂メニューから﹁初期設定﹂を選びます。初期設定ウィンドウが開きましたら、左側の﹁Webブラウザ﹂→﹁Webコンテンツ﹂をクリックします。そして、今度は右側の、﹁スタイルシートの使用﹂→﹁独自のスタイルシート﹂をチェックし、さきほど保存したMyStyle.cssを指定します。すると、背景が黒色、文字の色が黄色で表示されるようになります。 元に戻すときは﹁独自のスタイルシート﹂のチェックを外してください。 スタイルシートは活用しだいでもっといろいろな表現が可能です。他のウェブや参考書などで研究してみてください。
青空文庫のテキストファイルから﹁著者_作品名.txt﹂のファイル
を作成するツールです。MacOSX10.1〜10.3専用。﹁SUZU Town﹂より。