ブラウザスタイルの初期化する為のデフォルト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