8月に入り、日にちが経ちますが…

まだまだ、猛暑日が続きますね…

水分補給もまめに取ってくださいね。

ついでに、塩分補給も忘れないようにね！

さてと、話題に戻して…

大手サイトの「body」の設定はどないしてる？

大手サイトの「body{～}」の設定はどないしてるか見ていきましょう！

• Google
• Yahoo! JAPAN
• bing

Google

Google

body{
	body:#fff;
}

たったの1行？

トップページで表示するときはたった一行かぁ…

見た感じでは納得！

Yahoo! JAPAN

Yahoo! JAPAN

body{
	-ms-text-size-adjust: none;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: none;
	line-height: 1;
	text-size-adjust: none;
}

body{
	-webkit-print-color-adjust: exact;
	color: #000;
	font-size: 1.4rem;
	word-break: break-all;
}

2つも作成してるんや！

しかも、文字色がめっちゃ黒い！

「color: #000;」

でも、全体的に見るとほぼ、リンク先のカラー色！

相対色を有効に使ってるの納得！

bing

bing

body {
	display: block;
	margin: 8px;
}

body{
	overflow: visible;
}

立ったのこれだけ？

いろんなソースコードを見るとほぼリセットスタイルの中に入ってるんですね。

トップページの表示を見るとYahoo! JAPANと違ってシンプルに表示をさせてるんですね。

大手検索エンジンのサイトを比較したら、ごくシンプルに設定してるんですね。

一流企業のホームページはどないしてるんやろ？

また後日に比較をご紹介しますね。

ではまた！