CSS初級1(Progate編)

背景
投稿者投稿者TAKEYANいいね1お気に入り登録1
プレイ回数745難易度(3.2) 561打 長文
Progate復習用
個人用としてProgateの復習として作りました。
CSS初級編での流れをタイピングでやる事により、実践的に内容を覚える事ができます。
CSS初級2(Progate編)へと続きます。

関連タイピング

問題文

ふりがな非表示 ふりがな表示

(body {})

body {}

(font-family: ”avenir next”;)

font-family: "Avenir Next";

(li {})

li {}

(list-style: none;)

list-style: none;

(.header {})

.header {}

(background-color: #26d0c9;)

background-color: #26d0c9;

(color: #fff;)

color: #fff;

(height: 90px;)

height: 90px;

(.header-logo {})

.header-logo {}

(float: left;)

float: left;

(font-size: 36px;)

font-size: 36px;

(padding: 20px 40px;)

padding: 20px 40px;

(.header-list li {})

.header-list li {}

(float: left;)

float: left;

(padding: 33px 20px;)

padding: 33px 20px;

(.main {})

.main {}

(padding: 100px 80px;)

padding: 100px 80px;

(.copy-container h1 {})

.copy-container h1 {}

(font-size: 140px;)

font-size: 140px;

(.copy-container h2 {})

.copy-container h2 {}

など

(font-size: 60px;)

font-size: 60px;

(.copy-container span {})

.copy-container span {}

(color: #ff4a4a;)

color: #ff4a4a;

(.contents {})

.contents {}

(height: 500px;)

height: 500px;

(margin-top: 100px;)

margin-top: 100px;

(.section-title {})

.section-title {}

(border-bottom: 2px solid #dee7ec;)

border-bottom: 2px solid #dee7ec;

(font-size: 28px;)

font-size: 28px;

(padding-bottom: 15px;)

padding-bottom: 15px;

(margin-bottom: 50px;)

margin-bottom: 50px;

(つづきはcssしょきゅう2(progateへん)へつづく。)

続きはCSS初級2(Progate編)へつづく。

問題文を全て表示 一部のみ表示 誤字・脱字等の報告

◆コメントを投稿

※誹謗中傷、公序良俗に反するコメント、歌詞の投稿、無関係な宣伝行為は禁止です。

※このゲームにコメントするにはログインが必要です。

※コメントは日本語で投稿してください。

※歌詞は投稿しないでください!