CSS初級2(Progate編)
CSS初級編での流れをタイピングでやる事により、実践的に内容を覚える事ができます。
こちらは、CSS初級1(Progate編)の続きとなります。
関連タイピング
-
このタイピングで一位になれる人いないでしょ！
プレイ回数3万141打 -
タイピング練習を始めたばかりの方にオススメ！
プレイ回数472万短文かな312打 -
タイピング練習に関する長文です
プレイ回数12万長文1159打 -
サッカー日本代表の名前です！
プレイ回数2902かな212打 -
タイピングをいくら練習しても上手にならないスランプな人へ
プレイ回数204万長文826打 -
皆さんこんにちは！Tg renaです！
プレイ回数1.5万短文かな87打 -
ウォーデンでも強いのに、超超超超巨大ウォーデンなんて......
プレイ回数14万かな254打 -
毎日の積み重ねが大事！
プレイ回数284短文かな92打
問題文
(．ｃｏｎｔｅｎｔｓ－ｉｔｅｍ ｛｝)
.contents-item {}
(ｆｌｏａｔ： ｌｅｆｔ；)
float: left;
(ｍａｒｇｉｎ－ｒｉｇｈｔ： ４０ｐｘ；)
margin-right: 40px;
(．ｃｏｎｔｅｎｔｓ－ｉｔｅｍ ｐ ｛｝)
.contents-item p {}
(ｆｏｎｔ－ｓｉｚｅ： ２４ｐｘ；)
font-size: 24px;
(ｍａｒｇｉｎ－ｔｏｐ： ３０ｐｘ；)
margin-top: 30px;
(．ｃｏｎｔａｃｔ－ｆｏｒｍ ｛｝)
.contact-form {}
(ｐａｄｄｉｎｇ－ｔｏｐ： １００ｐｘ；)
padding-top: 100px;
(ｉｎｐｕｔ， ｔｅｘｔａｒｅａ ｛｝)
input, textarea {}
(ｗｉｄｔｈ： ４００ｐｘ；)
width: 400px;
(ｍａｒｇｉｎ－ｔｏｐ： １０ｐｘ；)
margin-top: 10px;
(ｍａｒｇｉｎ－ｂｏｔｔｏｍ： ３０ｐｘ；)
margin-bottom: 30px;
(ｐａｄｄｉｎｇ： ２０ｐｘ；)
padding: 20px;
(ｆｏｎｔ－ｓｉｚｅ： １８ｐｘ；)
font-size: 18px;
(ｂｏｒｄｅｒ： ｓｏｌｉｄ １ｐｘ ＃ｄｅｅ７ｅｃ；)
border: solid 1px #dee7ec;
(．ｃｏｎｔａｃｔ－ｓｕｂｍｉｔ ｛｝)
.contact-submit {}
(ｂａｃｋｇｒｏｕｎｄ－ｃｏｌｏｒ： ＃ｄｅｅ７ｅｃ；)
background-color: #dee7ec;
(ｃｏｌｏｒ： ＃８８９ｅａｂ；)
color: #889eab;
(．ｆｏｏｔｅｒ ｛｝)
.footer {}
(ｂａｃｋｇｒｏｕｎｄ－ｃｏｌｏｒ： ＃２ｆ５１６７；)
background-color: #2f5167;
(ｃｏｌｏｒ： ＃ｆｆｆ；)
color: #fff;
(ｈｅｉｇｈｔ： １２０ｐｘ；)
height: 120px;
(ｐａｄｄｉｎｇ： ４０ｐｘ；)
padding: 40px;
(．ｆｏｏｔｅｒ－ｌｏｇｏ ｛｝)
.footer-logo {}
(ｆｌｏａｔ： ｌｅｆｔ；)
float: left;
(ｆｏｎｔ－ｓｉｚｅ： ３２ｐｘ；)
font-size: 32px;
(．ｆｏｏｔｅｒ－ｌｉｓｔ ｛｝)
.footer-list {}
(ｆｌｏａｔ： ｒｉｇｈｔ；)
float: right;
(．ｆｏｏｔｅｒ－ｌｉｓｔ ｌｉ ｛｝)
.footer-list li {}
(ｐａｄｄｉｎｇ－ｂｏｔｔｏｍ： ２０ｐｘ；)
padding-bottom: 20px;
(ｈｔｍｌ，ｃｓｓ１，ｃｓｓ２をたっせいしたならしょきゅうせいは！)
HTML,CSS1,CSS2を達成したなら初級制覇!