8月の終わりがあと残り僅か…

夏シーズンが終わると寂しげな感じを感じてしまいます…

そろそろ台風が近づいてきてる中、ずっと暑さが続きますが熱中症にならないように気を付けてください！

災害に備えて気を付けて準備してくださいね。

こちらはマンション住まいなので、災害対策を考え中です。

話を取り戻して…

他業者が作ったデータがめちゃくちゃ…

他業者が作成したHTMLデータがホンマにめちゃくちゃなんですね。

ホンマにプロなんかって言いたいぐらいです。

「Margin」と「Padding」と「Line-height」の使い方の勉強をし直したらどうなんだ？

過去のブログにも紹介しましたが…

MarginとPaddingの使い方の意味わかってるかな？

もう一度読み直すことをお勧めします。

こちらで色々見やすさや空白の調整を全部作り直しました。

結構、4時間も費やしてしまいました。

CSSのファイルデータも5～8KBぐらい軽量することができました。

ページごとに、CSSファイルを分けてあるんですね。

でも、中身を見たらほとんど同じ…

📂CSS
┣ reset.css
┣ style.css
┣ layout.css
┣ content.css
┗ page.css

階層ではこんな感じになっておりましたが…

なぜ、見た感じが同じなのか…

解釈しますね。

style.cssとlayout.cssに同じものが記述されておりました…

ホンマにあほちゃう？

部分抜粋しておきますね。

style.cssファイルの中身

#content{
	margin: 0 auto;
	padding: 0;
	width: 1200px;
}

#content h1.title{
	border-bottom: 5px solid #CCCCCC;
	font-size: 28px;
	font-weight: 700;
	margin: 0 0 50px;
	padding: 0 0 10px;
}

これはまだましも、同じものがlayout.cssのファイルの中に記述されておりました…

layout.cssファイルの中身

#content{
	margin: 0 auto;
	padding: 0;
	width: 1200px;
}

#content h1.title{
	border-bottom: 5px solid #CCCCCC;
	font-size: 28px;
	font-weight: 700;
	margin: 0 0 50px;
	padding: 0 0 10px;
}

同じものが書かれたものの、layout.cssファイルの中身を不必要なものを削除いたしました。

2つ同じものが書かれてたとしても、ブラウザの読み込みスピードに大きく影響しますからね！

しっかりと確認してくださいね。

こっちもたまに同じものを書いたりしていますが…

確認しながら不要なものは削除して組み立てております。

プロなんですからしっかりしてくださいね！

では、また！