CSS初級2(Progate編)
CSS初級編での流れをタイピングでやる事により、実践的に内容を覚える事ができます。
こちらは、CSS初級1(Progate編)の続きとなります。
関連タイピング
-
タイピング練習に最適な長文です
プレイ回数1.6万長文989打 -
タイピング練習に関する長文です
プレイ回数19万長文1159打 -
五十文字
プレイ回数49短文かな60秒 -
主人公ケイトによる物語です
プレイ回数3万長文かな1417打 -
「あいうえお」は覚えた！人のために
プレイ回数115万短文英字16打 -
タイピング速度測定(タイ速)｜30秒のタイピングゲーム
プレイ回数12万長文かな30秒 -
超長文です。
プレイ回数2.5万長文1715打 -
夏の単語タイピング！
プレイ回数346短文かな189打
問題文
(．ｃｏｎｔｅｎｔｓ－ｉｔｅｍ ｛｝)
.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を達成したなら初級制覇!