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つしか使えません。

ご参考までに!

ではまた!

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Leonard-Blogをもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む