ユーザスタイルシート作成中

| コメント(0)

途中経過を載せておきます。


html {
  background: #ccc !important;
}

body {
  background: #fff !important;
  color: #333 !important;
  margin: 30px 10% !important;
  padding: 2.5% !important;
  width: 75% !important;
}


h1 {
  background: #333 !important;
  color: #f5f5f5 !important;
  font: normal bold 1.2em/1.5 sans-serif !important;
  margin: 1em 0 !important;
  padding: .5em 1em !important;
}

h2, h3, h4, h5, h6 {
  background: #f9f9f9 !important;
  font: normal bold 1em/1.2 sans-serif !important;
  margin: 1em 0 !important;
  padding: .3em 15px !important;
}

h2 {
  border-bottom: 1px solid #f60 !important;
}

h3 {
  border-left: 6px solid #f60 !important;
}

h4, h5, h6 {
  border-bottom: 1px solid #999 !important;
  margin-left: 6px !important;
  font: normal bold .87em/1.2 sans-serif !important;
}

a {color: #09f !important;}
a:visited {color: #069 !important;}
a:hover {
  color: #f60 !important;
  text-decoration: underline !important;
}

abbr {
  border-bottom: 1px dotted #999 !important;
}

acronym {
  border-bottom: 1px dashed #999 !important;
}

blockquote {
  background: #fcfcfc !important;
  border: 1px solid #ccc !important;
  border-left: 3px solid #333 !important;
  margin: 1em 1.2em !important;
  padding: 12px !important;
}

blockquote p {
  margin: 12px 0 1em !important;
}

div {
  padding: 1em !important;
}

sub {font-size: .8em !important}

ユーザスタイルシートにおける「!important 規則」は最強。製作者が「!important」をより高い specificity の指定に使っていない限りユーザスタイルシートの「!important」付きが優先される… だったと思う(ぇ
詳しくは、Smart Thinkings - Weblog で過去に書いたと思うのでそちらで(笑

そういえば、随分長い間買っていない「WebCreators」2月号が昨日発売だったそうで、メルマガにこんなのが。

◆◆◆50号特別コンテンツ◆◆◆

◇特別付録小冊子

CSSの基礎から応用まで1冊に凝縮!
[永久保存版]CSSレイアウトパーフェクトガイド

中身が超気になる… 良ければ持っておくと楽?

そういえば、最近本屋さんに行っても Web デザイン系の本は買わなくなりました。何て言うか、私にとっては高い。Web 上の方がイロイロ細かく載っていたりするし、知っていることも増えてきたからだと思う。MT 本も一冊買おうかなぁ、と思って一昨日イロイロ物色していたんですが、なかなかいいのがない。MYCOM の本が良さそうだったんだけど、内容を見た感じでは(私にとっては)高い。CSS でレイアウトとか、テンプレートの作り方とか、そんなのは要らんので。進化してるのかも? ワシには判らんアホじゃけぇ。

ただ、MT タグリファレンスは欲しいですね。現在、3.2 版が出ないかと待機中。今出ている方を買ってから増補改訂版とか出たら悲しいので(笑
(何度か経験あり orz)

コメントする

このブログ記事について

このページは、R-STYLEが2005年12月28日 00:49に書いたブログ記事です。

ひとつ前のブログ記事は「ユーザスタイルシートを作る」です。

次のブログ記事は「R'style 流ユーザスタイルシート?」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。