Default Style Sheet / 適度に整形されているはずの文章

Ohh... Alphabet tte iiyonaa... Ippai kirei na Font arusi. tiisakutemo yomiyasuisi. zukkoi Death... MS gothic ha mou akitayo. motto Design sasero-!!!

a.. souieba Windows Vista de New Font demasune. Meiryo toka iuyatu. Flash8 demo tukawareteru New Anti-alias technology ClearType wo zentei to site tukurareta Font datte. miyasui hazudawa

Text Module

各(モダン)ブラウザーで、フォントサイズや余白を出来るだけ揃えました。また、テーブルやフォームなどは簡素ですが、自分の良く使う見栄えに整形しています。いつもここから色やボーダー、余白を調整してサイトの基礎部分を作っています。

このXHTML文書は、各要素の見栄えをチェックするために作ったので、内容的に意味のあるものではありません。無理やり色々な要素を出現させていたりしてますしー。

いきなりStrong!

kbd要素 Enter Tab Shift, kbd.accesskey P H N

これはP要素です。P要素のPはパラグラフ[Paragraph]のPで、長い文章の中の、一つの主題をもってまとまった部分、日本語では段落と訳されております。abbr要素→HTMLでは code要素→<p>文章</p>と書きます。

段落は1つのセンテンスを持ちます。センテンスとは、その段落の主張を一文でまとめたもので、センテンスのある上手な文章ならば、長い段落でも数秒で内容が把握できます。したがって、センテンスは段落の先頭に持ってくるのが良いとされています。

Ohh... Alphabet tte iiyonaa... Ippai kirei na Font arusi. tiisakutemo yomiyasuisi. zukkoi Death... MS gothic ha mou akitayo. motto Design sasero-!!! Ohh... Alphabet tte iiyonaa... Ippai kirei na Font arusi. tiisakutemo yomiyasuisi. zukkoi Death... MS gothic ha mou akitayo. motto Design sasero-!!!

上は引用した文章、blockquote要素。

Edit Module

貴方はIE6.0を使っているんですかぁ、del要素→"私も同じくずっとIE6.0を使ってますー。使い慣れてるのが一番ですもんねぇ、 ins要素→(現在はFirefoxを使用しています)、FirefoxのIE6と違う点といったら、タブブラウザーなことですかねー。タブは便利ですねー。Firefox用の沢山のPluginが出てるのもいいですねぇ。

List Module

ul, ol, li

今僕が欲しいものは

  1. 電子レンジ
  2. Nixsonの腕時計
  3. にゅーPC

項目はli要素、項目に順序があるなら外側をolで囲います。項目が並列の関係ならば、ulで囲います。

<ul id="utilities">
 <li>Entries AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
  <ul>
   <li>Entry1</li>
   <li>Entry2</li>
   <li>Entry3</li>
  </ul>
 </li>
<li>Categories
   <ul>
    <li>Category1</li>
    <li>Category2</li>
    <li>Category3</li>
   </ul>
  </li>
</ul>

リストのネスト、ネストなリスト

リストが入れ子の状態になったときなどにフォントサイズが小さくなりすぎないように指定しています。

dl, dt, dd

誰かさん
ねぇねぇウータンてA型でしょ
おお、何でわかるの!
誰かさん
誰でもわかるよ。A型そのまんまって感じだよ。(笑
残念、本当はO型でした。
誰かさん
え?O型!? あ!あるある、そういうとこある~!(笑

img要素 a

Table Module

Yahoo UI Library Fonts CSSでは、body要素のフォントサイズに13pxの基準値を指定し、他の要素はその基準値からの相対的なフォントサイズをパーセンテージで指定します。

ブラウザ使用率
OS パーセンテージ
IE6.0 74.84%
Firefox 1x 15.9%
Safari 3.35%
Opera 2.25%

Heading Level1

Heading Level2

Heading Level3

Heading Level4

Heading Level5
Heading Level6

Form Module

Comment Form
Remember Me?

問い合わせがボチボチあるので返答しますが、このページは要素の見栄えを確認するために3ping.org管理人が製作したものですが、使いたい場合は自由に使用して下さって結構です。ということなので自由に使わせてもらってます>< いろいろいじって勝手に使ってしまって申し訳ありません。まずかったら削除します。

適用されているはずのCSSファイル
default.css
過程とか書こうと思ったけど書いてないエントリ
全称セレクタでリセットしないようにとか適当にメモ

Return to Page Top

address Root directory

Based on 3ping.org, Default Style Sheet / メールアドレスはいろいろまずいかと思って消しました。