CSS初級2(Progate編)
CSS初級編での流れをタイピングでやる事により、実践的に内容を覚える事ができます。
こちらは、CSS初級1(Progate編)の続きとなります。
関連タイピング
-
毎日やればタイピングが上達します
プレイ回数250万703打 -
タイピング練習を始めたばかりの方にオススメ！
プレイ回数431万短文かな312打 -
宇宙についての長文です
プレイ回数2860長文かな1140打 -
タイピング練習に最適な長文です
プレイ回数2212長文989打 -
とにかく「あいうえお」
プレイ回数156万短文60秒 -
タイピングをいくら練習しても上手にならないスランプな人へ
プレイ回数196万長文826打
問題文
(．ｃｏｎｔｅｎｔｓ－ｉｔｅｍ ｛｝)
.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を達成したなら初級制覇!
※誹謗中傷、公序良俗に反するコメント、個人情報の投稿、歌詞の投稿、出会い目的の投稿、無関係な宣伝行為は禁止です。削除対象となります。
※このゲームにコメントするにはログインが必要です。
※コメントは日本語で投稿してください。