CSS初級2(Progate編)
Progateの復習用
個人用としてProgateの復習として作りました。
CSS初級編での流れをタイピングでやる事により、実践的に内容を覚える事ができます。
こちらは、CSS初級1(Progate編)の続きとなります。
CSS初級編での流れをタイピングでやる事により、実践的に内容を覚える事ができます。
こちらは、CSS初級1(Progate編)の続きとなります。
関連タイピング
-
企業会計について。長文です
プレイ回数3040 長文1812打 -
アイリスアウト
プレイ回数2.3万 歌詞かな137打 -
このタイピングで一位になれる人いないでしょ！
プレイ回数6.1万 141打 -
ひたすらテンキーに慣れたい人のために
プレイ回数43万 数字323打 -
プレイ回数1388 歌詞354打 -
主人公ケイトによる物語です
プレイ回数3.7万 長文かな1417打 -
上級者向けタイピングゲームだよ
プレイ回数4万 長文かな822打 -
タイピング練習に関する長文です
プレイ回数24万 長文1159打
問題文
ふりがな非表示
ふりがな表示
(．ｃｏｎｔｅｎｔｓ－ｉｔｅｍ ｛｝)
.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を達成したなら初級制覇!