html cssタイピング ~css編~
cssのコードをタイピングします。padding border margin stylesheet
関連タイピング
-
Scratchやってる人ならわかって当然だと思う。
プレイ回数285 366打 -
全記号数字タイピング練習(108文字×100問,2分間ランダム)
プレイ回数1.1万 英語長文120秒 -
全文字タイピング練習(108文字×100問,2分間ランダム)
プレイ回数5570 英語長文120秒 -
私プログラミングが趣味なので、そこでこんなタイピングを作りました
プレイ回数1196 短文英字60秒 -
HTML&CSSを忘れないために
プレイ回数3.1万 英語長文759打 -
javascriptの打ちにくいコードを打て!
プレイ回数38 英字30秒 -
プレイ回数190 60秒
-
プレイ回数3 11打
問題文
ふりがな非表示
ふりがな表示
(.main_title{padding: 10px; border-left: solid 8px; margin: 10px;})
.main_title{padding: 10px; border-left: solid 8px; margin: 10px;}
(.text{margin: 7px;})
.text{margin: 7px;}
(.imgfile{height: 1em; width: 1em;})
.imgfile{height: 1em; width: 1em;}
(.textarea{font-size: 15px; margin: 5px;})
.textarea{font-size: 15px; margin: 5px;}
(.button{font-size: 20px})
.button{font-size: 20px}
(.select{width: 150px; height: 25px; font-size: 1em;})
.select{width: 150px; height: 25px; font-size: 1em;}
(.input_txt{width: 300px; height: 25px; font-size: 1em;})
.input_txt{width: 300px; height: 25px; font-size: 1em;}
(.radio_button{width: 20px; height: 20px; vertical-align: center;})
.radio_button{width: 20px; height: 20px; vertical-align: center;}
(.sbtl{width: 850px; border-left: blue solid 4px; border-bottom: blue solid 1px; background-color: #EEEEEE;})
.sbtl{width: 850px; border-left: blue solid 4px; border-bottom: blue solid 1px; background-color: #EEEEEE;}
(border-left border-top border-bottom border-right padding-left padding-top padding-bottom padding-right)
border-left border-top border-bottom border-right padding-left padding-top padding-bottom padding-right
(margin-left margin-top margin-bottom margin-right font-size font-family font-color background-color)
margin-left margin-top margin-bottom margin-right font-size font-family font-color background-color
(a{text-decoration: none;} a:hover{text-decoration: underline; color: red;} a:active{color: green;})
a{text-decoration: none;} a:hover{text-decoration: underline; color: red;} a:active{color: green;}
(td{padding: 3px; border: 2px;} textarea{font-size: 17px; resize: vertical;})
td{padding: 3px; border: 2px;} textarea{font-size: 17px; resize: vertical;}
(body{background: linear-gradient(135deg, #00ff8c, #00ff8c 18%, #00ffff 50%, #00a0ff);})
body{background: linear-gradient(135deg, #00ff8c, #00ff8c 18%, #00ffff 50%, #00a0ff);}