Hatena::Groupcss

つみきスタイル このページをアンテナに追加 RSSフィード

2005.8.012日目

[]更新箇所 # 001 更新箇所 # 001 - つみきスタイル を含むブックマーク はてなブックマーク - 更新箇所 # 001 - つみきスタイル 更新箇所 # 001 - つみきスタイル のブックマークコメント

@charset "euc-jp";

html {
	margin:0;
	padding:0;
	border:none;
}
html * {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-size: 80%; 
	letter-spacing: 2px;
	font-family: Verdana, Osaka, sans-serif;
	line-height: 1.3; 
	color: #333; 
	background-color: #ffffff; 
	margin: 0; 
	padding: 0;

	word-break: break-all;
	word-wrap: break-word;
}
@charset
推奨されてるから、とりあえず。
html
なんとなくmargin,padding,borderを0に。しなくても特に問題はないのかな?
html *
-moz-box-sizing,box-sizingをborder-boxに。IE以外で見たら泣ける、なんてことのないように。
body
font-size:80%,letter-spacing:2px,line-height:1.3,color:#333に。個人的にコレが一番見やすいような気がする。
今後のことを考えてword-breakを指定。IE独自でしたっけ、これ。

[][]サイズの計算の仕方 サイズの計算の仕方 - つみきスタイル を含むブックマーク はてなブックマーク - サイズの計算の仕方 - つみきスタイル サイズの計算の仕方 - つみきスタイル のブックマークコメント

CSSの仕様ではボーダーとパディングを含まない大きさを幅や高さとして計算するんだけど、IEなどではボーダー、パディングを含めて計算してしまう。ので、IEの環境で作ったページをNN等で見ると散々なことになってたり・・・これを知らないで悪戦苦闘してた時期があったなぁ・・・。でもやっぱりブラウザによって大きさの解釈が微妙に違うような(´・ω・`)

[]今後の予定 今後の予定 - つみきスタイル を含むブックマーク はてなブックマーク - 今後の予定 - つみきスタイル 今後の予定 - つみきスタイル のブックマークコメント

サイドバーを左右に2つで作ってみたい。えらい汚くなりそう・・・。

keyword

はてなダイアリーの構造

■ はてなダイアリーの構造 はてなダイアリーのデザインの参考にしてください。 ダイアリーの構造 ヘッダの構造 カスタマイズに関するメモ ■ ブックマーク...

box-sizing

■ 注意 Opera8.0enで実装されていることを確認しました。CSS3草稿の先行実装と思われます。 実験的なものなので将来削除される可能性があります。 ■ 用語の簡単な解説 &#...

はてなブックマークの構造

■ はてなブックマークの構造 はてなブックマークのデザインの参考にしてください。 ブックマークページの構造 タグリスト絞り込みの構造 コメント直接編集機能の構...

はてなアンテナの構造

はてなアンテナの構造です 基本の構造 アンテナモード シンプルモード 詳細モード ■ 基本の構造 html body table tbody ...

はてなグループの構造::日記::日記を書くの構造

■ /css.g.hatena.ne.jp/UserID/edit ←はてなグループの構造←はてなグループの構造::日記の構造 ■ ページの構造 html body table //はてなヘッダ h1 div#ha...