dl dt ddを上手く使いこなすための小技まとめ

1 dl dt ddを上手く使いこなすための小技まとめ
2 定義リストは、dl dt dd はこんなもの
- 2.1 日本の祝日
3 この記事を読んだ方はこちらも読まれています。

dl dt ddを上手く使いこなすための小技まとめ

htmlを初めて一番最初につまづくタグはtableタグやdlタグの表を使ったり、リストなどを定義するタグ関連ではないでしょうか。私も勉強し始めの頃はtable関連のタグが理解できず苦しんだ記憶があります。
dlタグを使えば苦手なtebleを使ったようなデザインにできたり、新着情報やフォームなどの実装などいろんな箇所で便利で役立つこと間違いなしです！また、ホームページビルダーでは、説明付きリストと呼ばれています。
では、どんなものか、見ていきましょう。

定義リストは、dl dt dd はこんなもの

日本の祝日

2017年1月09日(月): 　　成人の日
2017年2月11日(土): 　　建国記念の日
2017年3月20日(月): 　　春分の日
2017年4月29日(土): 　　昭和の日
2017年5月03日(水): 　　憲法記念日

CSS

.infomartion{
	overflow:hidden;
	margin:0 0 20px;
}

.infomartion dt{
	float:left;
	clear:both;
	box-shadow:none;
	margin-top : 0px;
	margin-bottom : 0px;
	padding:5px 0;
	font-size:13px;
	font-weight:bold;
	color:#007f34;
	.infomartion dd{
	margin-top : 0px;
	margin-bottom : 0px;
	overflow:visible;
	padding:5px 0 5px 120px;
	border-bottom:1px solid #ccc;
}