途中経過を載せておきます。
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)

コメントする