CSS初級1(Progate編)
CSS初級編での流れをタイピングでやる事により、実践的に内容を覚える事ができます。
CSS初級2(Progate編)へと続きます。
関連タイピング
-
このタイピングで一位になれる人いないでしょ！
プレイ回数4749141打 -
タイピング練習を始めたばかりの方にオススメ！
プレイ回数465万短文かな312打 -
プレイ回数9482歌詞かな139打 -
毎日やればタイピングが上達します
プレイ回数264万703打 -
記号なし、句読点ありの文章タイピング練習です。
プレイ回数1.5万長文かな3355打 -
タイピングをいくら練習しても上手にならないスランプな人へ
プレイ回数202万長文826打 -
検定だ！
プレイ回数5998151打 -
プレイ回数3.1万長文1714打
問題文
(ｂｏｄｙ ｛｝)
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編)へつづく。