CSS初級1(Progate編) | タイピング練習の「マイタイピング」
作って遊べる無料タイピング練習サイト
検索
サイトTOP▲ページトップ
myTypingとは新規作成ログイン	
メニュー 閉じる
CSS初級1(Progate編)
ツイート
旧アプリで実行 スマホアプリでプレイ
タイピング練習をするには、JavaScriptを有効にするか、右上の旧アプリで実行をクリックしてください。
また、COOKIEを有効にして下さい。
投稿者 ＴＡＫＥＹＡＮ プレイ回数000 お気に入り1	
難易度(3.2) 561打 長文 タグタイピング練習 CSS 初級 Progate 復習 練習
Progate復習用	
個人用としてProgateの復習として作りました。
CSS初級編での流れをタイピングでやる事により、実践的に内容を覚える事ができます。
CSS初級2(Progate編)へと続きます。	
誤字・脱字等の報告 違反の報告
関連タイピング
毎日トレーニングタイピング①
毎日やればタイピングが上達します
プレイ回数815014	
703打	
初心者用　タイピング練習　簡単
タイピング練習を始めたばかりの方にオススメ！
プレイ回数770856	
短文かな312打	
タイピングが向上しない人のためのタイピング
タイピングをいくら練習しても上手にならないスランプな人へ
プレイ回数1068326	
長文826打	
数字タイピング
10ケタの数字が出てくるのでのそれを打ちます。
プレイ回数606296	
数字60秒	
初心者向けタイピング
「あいうえお」は覚えた！人のために
プレイ回数463536	
短文英字16打	
苦手克服！　運指の難しい文字並びを集中練習！
指の運びが難しい単語を組み合わせました。
プレイ回数1046	
長文かな1491打	
関連タイピング一覧
問題文
ふりがな非表示 ふりがな表示
(ｂｏｄｙ　｛｝)
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編)へつづく。
問題文を全て表示 一部のみ表示 誤字・脱字等の報告
◆コメントを投稿
このタイピングは、ログインしてる場合のみコメントできます。
※他者を中傷したり、公序良俗に反するコメント、宣伝行為はしないでください。
※このゲームにコメントするにはログインが必要です。
ＴＡＫＥＹＡＮのタイピング
◊CSS初級2(Progate編)
◊HTML初級(Progate編)
オススメの新着タイピング
◊苦手克服！　運指の難しい文字並びを集中練習！
◊あいうえお＆あかさたなタイプ
◊初心者向け　簡単タイピング練習
◊練習⑤
◊練習④
◊練習③
◊練習②
◊練習①
もっと見る
タイピング練習講座 ローマ字入力表
人気ランキング
◊こどもタイピング
◊寿司打
◊今週のタイピング練習146-短文
◊夜に駆ける
◊毎日トレーニングタイピング①
◊初心者用　タイピング練習　簡単
◊今週のタイピング練習146-簡単短文
◊あいうえお早打ち
◊炎／LiSA
◊AとBをただ連打する
もっと見る
注目キーワード
歌詞
アニメ・マンガ
ボカロ
音楽
アニメ
ジャニーズ
曲
タイピング
ゲーム
タイピング練習
長文
初音ミク
歌謡曲
鉄道
演歌
アニソン
アイドル
小説
公式シリーズ
おもしろ
学習
嵐
駅名
歌い手
ミュージカル
j-pop
懐メロ
セリフ
名前
公式毎週
簡単
名言
東方
K-POP
劇団四季
初心者
GUMI
声優
バンド
キャラ名
V系
関ジャニ∞
OP
文豪
単語
漫画
ラブライブ!
地名
タイピング練習の「マイタイピング」利用規約お問い合わせ
Copyright © 2012-2021 マイタイピング. All Rights Reserved.
