HTMLコーディングするとき、イラっとしたこと～CSS編其の肆～

7月の中盤に入りましたね。

だんだん気温が高くなり、一部の地域では40℃超えが出てきてますね。

そろそろ水際対策の規制が緩和され、海外に旅行する人が増えてますね。

また、第7波が来てるみたいですが…

その前に、COVID-19が終息することを願うばかりです！

さてと本題に入りましょう。

HTMLコーディングするとき、イラっとしたこと～CSS編其の肆～

ある制作会社がトラブルで費用がかさむとなった時、引継ぎでこちらで依頼することがほとんど多いです。

引継ぎはの中身の内容によりますが…

話を取り戻して…

HTMLのページをコーディングするときに、中身（プログラム）を見るとド素人っぽくイラっとしました。

これで外注した費用が数百万をかけて中身が適当で情けなく感じました。

Web制作会社はどこまでぼったくるんやろって…

（ここまでの前置き（笑））

見出しタグを使ってむやみにデザインする人がいます！

こちらでは基本的に見出しタグだけデザインをしません！

見出しタグの中にClass名やId名を付けます。

見出しタグ…本文に見出しのタイトルを付けるタグのことです。

h1{
	background:#fff;
	border-bottom:2px solid #ccc;
	color:#333;
	font-size:150%;
	font-weight:900;
	margin:0 auto 30px;
	padding:0 5px 8px;
}
h2{
	background:#fff;
	border-left:2px solid #cccc;
	color:#333;
	font-size:125%;
	font-weight:700;
	margin:0 auto 30px;
	padding:0 8px;
}

こちらでは、せっかく見出しタグをリセットにしてあるので、Class名やId名を付けます。

#title{
	background:#fff;
	border-bottom:2px solid #ccc;
	color:#333;
	font-size:150%;
	font-weight:900;
	margin:0 auto 30px;
	padding:0 5px 8px;
}
.sub-title{
	background:#fff;
	border-left:2px solid #cccc;
	color:#333;
	font-size:125%;
	font-weight:700;
	margin:0 auto 30px;
	padding:0 8px;
}

class名は1Pの中に複数が使えますが、id名は1Pの中に1つしか使えません。

ご参考までに！

ではまた！