CSS初級1(Progate編)
CSS初級編での流れをタイピングでやる事により、実践的に内容を覚える事ができます。
CSS初級2(Progate編)へと続きます。
関連タイピング
-
このタイピングで一位になれる人いないでしょ！
プレイ回数3万141打 -
タイピング練習に関する長文です
プレイ回数13万長文1159打 -
タイピング初心者から中級者になれるタイピングだよ！
プレイ回数281225打 -
10ケタの数字が出てくるのでのそれを打ちます。
プレイ回数130万数字60秒 -
中段の練習
プレイ回数20万短文60秒 -
もちろんやるよね？
プレイ回数188長文775打 -
簡単な単語でタイピングに慣れましょう！
プレイ回数3.5万短文かな158打 -
とにかく「あいうえお」
プレイ回数183万連打60秒
問題文
(ｂｏｄｙ ｛｝)
body {}
(ｆｏｎｔ－ｆａｍｉｌｙ： ”ａｖｅｎｉｒ ｎｅｘｔ”；)
font-family: "Avenir Next";
(ｌｉ ｛｝)
li {}
(ｌｉｓｔ－ｓｔｙｌｅ： ｎｏｎｅ；)
list-style: none;
(．ｈｅａｄｅｒ ｛｝)
.header {}
(ｂａｃｋｇｒｏｕｎｄ－ｃｏｌｏｒ： ＃２６ｄ０ｃ９；)
background-color: #26d0c9;
(ｃｏｌｏｒ： ＃ｆｆｆ；)
color: #fff;
(ｈｅｉｇｈｔ： ９０ｐｘ；)
height: 90px;
(．ｈｅａｄｅｒ－ｌｏｇｏ ｛｝)
.header-logo {}
(ｆｌｏａｔ： ｌｅｆｔ；)
float: left;
(ｆｏｎｔ－ｓｉｚｅ： ３６ｐｘ；)
font-size: 36px;
(ｐａｄｄｉｎｇ： ２０ｐｘ ４０ｐｘ；)
padding: 20px 40px;
(．ｈｅａｄｅｒ－ｌｉｓｔ ｌｉ ｛｝)
.header-list li {}
(ｆｌｏａｔ： ｌｅｆｔ；)
float: left;
(ｐａｄｄｉｎｇ： ３３ｐｘ ２０ｐｘ；)
padding: 33px 20px;
(．ｍａｉｎ ｛｝)
.main {}
(ｐａｄｄｉｎｇ： １００ｐｘ ８０ｐｘ；)
padding: 100px 80px;
(．ｃｏｐｙ－ｃｏｎｔａｉｎｅｒ ｈ１ ｛｝)
.copy-container h1 {}
(ｆｏｎｔ－ｓｉｚｅ： １４０ｐｘ；)
font-size: 140px;
(．ｃｏｐｙ－ｃｏｎｔａｉｎｅｒ ｈ２ ｛｝)
.copy-container h2 {}
(ｆｏｎｔ－ｓｉｚｅ： ６０ｐｘ；)
font-size: 60px;
(．ｃｏｐｙ－ｃｏｎｔａｉｎｅｒ ｓｐａｎ ｛｝)
.copy-container span {}
(ｃｏｌｏｒ： ＃ｆｆ４ａ４ａ；)
color: #ff4a4a;
(．ｃｏｎｔｅｎｔｓ ｛｝)
.contents {}
(ｈｅｉｇｈｔ： ５００ｐｘ；)
height: 500px;
(ｍａｒｇｉｎ－ｔｏｐ： １００ｐｘ；)
margin-top: 100px;
(．ｓｅｃｔｉｏｎ－ｔｉｔｌｅ ｛｝)
.section-title {}
(ｂｏｒｄｅｒ－ｂｏｔｔｏｍ： ２ｐｘ ｓｏｌｉｄ ＃ｄｅｅ７ｅｃ；)
border-bottom: 2px solid #dee7ec;
(ｆｏｎｔ－ｓｉｚｅ： ２８ｐｘ；)
font-size: 28px;
(ｐａｄｄｉｎｇ－ｂｏｔｔｏｍ： １５ｐｘ；)
padding-bottom: 15px;
(ｍａｒｇｉｎ－ｂｏｔｔｏｍ： ５０ｐｘ；)
margin-bottom: 50px;
(つづきはｃｓｓしょきゅう２（ｐｒｏｇａｔｅへん）へつづく。)
続きはCSS初級2(Progate編)へつづく。