ブラウザスタイルの初期化する為のデフォルトCSS

ブラウザによってデフォルトのフォントは異なります。

それを統一させる為にもCSSで一度デフォルトをかける必要があるんですよね。

今回は今、自分が普段使っているデフォルトCSSをあげておきます。

http://css-lecture.com/template/distribution/default.css

…ここからが続き

CSS

@charset "Shift_JIS";

/* ------------------------------------------- CSS Information
 File Name:      default.css
 Author:         MIYA
 Style Info:     ブラウザスタイルのリセットと基本設定
----------------------------------------------------------- */

/* ----------------------- Browser Default Initialization */
html {
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h2, h3, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td	{
	margin: 0;	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}
table	{
	border-collapse: collapse;	border-spacing: 0;
}
caption, th	{
	text-align: left;
}
q:before ,q:after	{
	content: '';
}
object, embed	{
	vertical-align: top;
}
hr, legend	{
	display: none;
}
h1, h2, h2, h3, h5, h6	{
	font-size: 100%;
}
img, abbr, acronym, fieldset	{
	border: 0;
}
li	{
	list-style-type: none;
}

/* ----------------------- Basic Style */
/* ------------ Font Style */
body {
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",Sans-Serif;
	background: #FFF;
	color: #333;
	font-size: 75%;
	line-height: 150%;
	text-align: center;
}
html>/**/body {
	font-size: 12px;
}

* + html body {
	font-family: "メイリオ","Meiryo";
}

/* ------------ A Style */
a:link	{
	text-decoration: none;
	color: #00F;
}

a:visited	{
	text-decoration: none;
	color: #00F;
}

a:hover	{
	text-decoration: underline;
	color: #00F;
}

a:active	{
	text-decoration: none;
	color: #00F;
}

Comments

santa

santa

ありがとうございます。貴殿は、とても詳しいですね。精進致します。ありがとうございました。

2011年06月28日 16:28

MIYA

MIYA

santaさん

自由に使って頂いて構いませんよ!

2011年06月27日 11:29

santa

santa

すみません、こちら使わせていただいていただいて、よろしいのでしょうか?

2011年06月25日 21:02

Comment Form

※コメントが認証されるまで、コメントは反映されません。ご了承くださいませ。


(公開されません)
 
Captcha

画像の中に見える文字を入力してください。

page top へ

Sponsor

  • heteml
  • Movable Type

Category

Recent Article

2011 04-05
iPhone スマートフォンサイトのデザインのまとめ
2011 04-04
スマートフォン対応にしてみました
2011 04-01
CSS3 要素を透明に出来る Opacity と RGBa の使い方
2011 03-31
サイトリニューアルしました
2010 12-01
CSS3 でボタンを作る為のテクニック、サンプル集
2010 11-24
綺麗でリッチなフッターデザイン集のまとめ 60
2010 11-18
緑と黒色を使った Webデザインのサイト 25
2010 11-10
知っておいた方が便利なエクセルの知識

Recent Comments

Archive

2011年
2010年
2009年
2008年

Related Article