2007-01-28
■ 文字化けのテスト
html指定
html指定あり
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <title>hatena - 20060301 -test</title> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <meta http-equiv="content-style-type" content="text/css; charset=Shift_JIS"> <style> /* sample */ html {} body { margin: 20px; font-family: "Georgia","MS明朝",serif;} body { font-family: inherit; } </style> </head> <body> <h1>はてな 20060301 test</h1> <p>テストテストテスト</p> </body> </html>
html指定なし
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<title>hatena - 20060301 -test</title>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<meta http-equiv="content-style-type" content="text/css; charset=Shift_JIS">
<style>
/* sample */
html {}
body {
margin: 20px;
font-family: "Georgia","MS明朝",serif;}
body {
font-family: inherit;
}
</style>
</head>
<body>
<h1>はてな 20060301 test</h1>
<p>テストテストテスト</p>
</body>
</html>
CSS指定
CSS指定あり
html {} body { margin: 20px; font-family: "Georgia","MS明朝",serif; } /* あとから打ち消す */ body { font-family: inherit; }
CSS指定なし
html {}
body {
margin: 20px;
font-family: "Georgia","MS明朝",serif;
}
/* あとから打ち消す */
body {
font-family: inherit;
}
トラックバック - http://css.g.hatena.ne.jp/smoking186/20070128
2007-01-10
■ test
p:after {} p:before {} p:first-line {} p:first-letter {} a:link {} a:visited {} a:hover {} a:active {} a:focus {} body { margin: 0px; padding: 0px; background: left top url("test.png") no-repeat; position: absolute; top: 0px; left: 10px; top: 10pt; top: 10mm; top: 10cm; color: rgb(100,100,100); color: #ccc; color: black; color: #cccccc; } /* comment */ /* speak-numeralだけダメらしい */ test { azimuth: ; background: ; background-attachment: ; background-color: ; background-image: ; background-position: ; background-repeat: ; border: ; border-bottom: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-collapse: ; border-color: ; border-left: ; border-left-color: ; border-left-style: ; border-left-width: ; border-right: ; border-right-style: ; border-right-color: ; border-right-width: ; border-spacing: ; border-style: ; border-top: ; border-top-color: ; border-top-style: ; border-top-width: ; border-width: ; bottom: ; caption-side: ; clear: ; clip: ; color: ; content: ; counter-increment: ; counter-reset: ; cursor: ; cue: ; cue-after: ; cue-before: ; direction: ; display: ; elevation: ; empty-cells: ; float: ; font: ; font-family: ; font-size: ; font-size-adjust: ; font-style: ; font-stretch: ; font-variant: ; font-weight: ; height: ; left: ; letter-spacing: ; line-height: ; list-style: ; list-style-image: ; list-style-position: ; list-style-type: ; margin: ; margin-bottom: ; margin-left: ; margin-right: ; margin-top: ; marker-offset: ; marks: ; max-height: ; max-width: ; min-height: ; min-width: ; orphans: ; outline: ; outline-color: ; outline-style: ; outline-width: ; overflow: ; padding: ; padding-bottom: ; padding-left: ; padding-right: ; padding-top: ; page: ; page-break-after: ; page-break-before: ; page-break-inside: ; pause: ; pause-after: ; pause-before: ; play-during: ; pitch: ; pitch-range: ; position: ; quotes: ; richness: ; right: ; size: ; speak: ; speak-header: ; speak-numeral: ; speak-punctuation: ; speech-rate: ; stress: ; table-layout: ; text-align: ; text-decoration: ; text-indent: ; text-shadow: ; text-transform: ; top: ; unicode-bidi: ; vertical-align: ; visibility: ; voice-family: ; volume: ; white-space: ; widows: ; width: ; word-spacing: ; } test2 { above absolute always armenian attr(test) auto avoid baseline behind below bidi-override blink block bold bolder both bottom capitalize caption center center-left center-right child circle cjk-ideographic close-quote code collapse compact condensed continuous crop cross crosshair cursive dashed decimal decimal-leading-zero default digits disc dotted double e-resize embed expanded extra-condensed extra-expanded fantasy far-left far-right fast faster female fixed georgian groove hebrew help hidden hide; pitch: high; pitch: higher; hiragana hiragana-iroha icon inherit inline inline-table inset inside invert italic justify katakana katakana-iroha landscape large larger left left-side leftwards level lighter line-through list-item loud; pitch: low; pitch: lower; lower-alpha lower-greek lower-latin lower-roman lowercase ltr male marker medium menu message-box middle mix monospace move n-resize narrower ne-resize no-close-quote no-open-quote no-repeat none normal nowrap nw-resize oblique once open-quote outset outside overline pointer portrait pre relative repeat repeat-x repeat-y ridge right right-side rightwards rtl run-in s-resize sans-serif scroll se-resize semi-condensed semi-expanded separate serif show silent slow slower small small-caps small-caption smaller soft solid spell-out square static status-bar sub super sw-resize table table-caption table-cell table-column table-column-group table-footer-group table-header-group table-row table-row-group text text-bottom text-top thick thin top transparent ultra-expanded underline upper-alpha upper-latin upper-roman uppercase visible w-resize wait wider x-fast x-high x-large x-loud x-low x-slow x-small x-soft xx-large xx-small }
トラックバック - http://css.g.hatena.ne.jp/smoking186/20070110
2006-08-24
■ HBのtips
taglistを丸角にする簡単な方法.
taglistの幅を固定. taglist中のh3の背景画像で上部の丸角を, taglist中のulの背景画像で下部の丸角を. taglistの背景画像で横の線を担当するのが良さげ.
トラックバック - http://css.g.hatena.ne.jp/smoking186/20060824
