Bloody Mary - blog

Bloody Mary 別館

CSS

イントロ

段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落

h3 タイトル 2012.06.07 以降で使い始めた 1 ページに 1 つ。サブタイトルは h4 に。

h4 そのページのサブタイトル。

h5 サブサブタイトル

段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落

段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落

h6 サブサブサブタイトル

段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落段落

p.number ナンバリング用に

p.title1 隣の柿はよく客食う柿だ

p.title2 天高く馬肥ゆる秋

p.title3 されど空の高さを知れり

※ p.attention 注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意。

div.attention

注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意

注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意注意

em 弱強調
b 強調
strong 超強調 つえーーーーー

table の CSS

table
th td ただのテーブル
table.design
各要素→ th の列 th.title1 の列 th.title2 の列 td の列 td.title1 の列 td.title2 の列 td.title3 の列
tr th th.title1 th.title2 td td.title1 td.title2 td.title3
tr.col1 th th.title1 th.title2 td td.title1 td.title2 td.title3
tr.col2 th th.title1 th.title2 td td.title1 td.title2 td.title3
table.noline
各要素→ th の列 th.title1 の列 th.title2 の列 td の列 td.title1 の列 td.title2 の列 td.title3 の列
tr th th.title1 th.title2 td td.title1 td.title2 td.title3
tr.col1 th th.title1 th.title2 td td.title1 td.title2 td.title3
tr.col2 th th.title1 th.title2 td td.title1 td.title2 td.title3

それ以外のタグ

pre
$ su -
# rm -R / (オイオイ・・・)
code

String s = "Time is Money !";
s = s.Replace("Money","Gone");
print s;

文字列 s の出力結果: Time is Gone !

使い勝手としてはいまいち。 " とか < とか > とかをいちいち HTML エスケープするのが面倒なので、 iG:Syntax Hiliter の

[sourcecode language=”log”]
ここにプログラムやログ部分を記述する。
上記タグは全角で入ってるが、半角で。
[/sourcecode]

で囲うのが吉。勝手にエスケープしてくれるので、こっちの方が使いやすい。

  1. Jul 31 03:01:45 hogehoge sendmail[7754]: n6UI1iPm007754: from=root, size=2503, class=0, nrcpts=1, msgid=<200907301801.n6UI1iPm007754@hoge.coooom>, relay=root@localhost
  2. Jul 31 03:01:45 hogehoge sendmail[7802]: n6UI1jsC007802: from=root, size=757, class=0, nrcpts=1, msgid=<200907301801.n6UI1jsC007802@hoge.coooom>, relay=root@localhost
  3. Jul 31 03:01:47 hogehoge sm-mta[7773]: n6UI1jue007773: from=<root@hoge.coooom>, size=2854, class=0, nrcpts=1, msgid=<200907301801.n6UI1iPm007754@hoge.coooom>, proto=ESMTP, daemon=MTA-v4, relay=localhost [127.0.0.1]

クラス

ほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげ

p.top-space-small では 2.5em ほど開く。

ほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげ

p.top-space-midium では 5em ほど開く。

ほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげ

p.top-space-large では 8em ほど開く。

ほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげ

p.top-space-zero ではなし。

ほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげほげ

リスト

ul

これはただの段落。

  • ul li 1
  • ul li 2
  • ul li 3
    • ul li ul li 1 (入れ子)
    • ul li ul li 2
    • ul li ul li 3
  • ul li 4
ol

これはただの段落。

  1. ol li あああああ
  2. いいいい
  3. うううう
    1. ol li ol li ええええ(入れ子)
    2. おおおお
  4. かかかか

カウンタ

デバッグ

Debug: ショートコードの表示テストです。
Bloody Mary - blog © 2008 - 2016