20220802 html,css,jsランダム

背景
投稿者投稿者ipipいいね0お気に入り登録
プレイ回数326難易度(4.5) 1381打 英語
サクッと復習。当日に使った言葉をランダムで出題。

関連タイピング

問題文

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

(body{ font-size:16px; line-size:1.5;})

body{ font-size:16px; line-size:1.5;}

(a{ color:#000; text-decoration:unset;})

a{ color:#000; text-decoration:unset;}

(ul{ list-style:none;})

ul{ list-style:none;}

(header { padding: 20px 0;})

header { padding: 20px 0;}

(.header_inner {display: flex; flex-wrap: wrap; justify-content: space-between;})

.header_inner {display: flex; flex-wrap: wrap; justify-content: space-between;}

(.header_gnav {font-size: 14px; display: flex; flex-wrap: wrap;})

.header_gnav {font-size: 14px; display: flex; flex-wrap: wrap;}

(.header_gnav li a { padding: 10px 15px; display: block;})

.header_gnav li a { padding: 10px 15px; display: block;}

(.header_gnav li a:hover {color: #23cec3; border-bottom: 1px solid #23cec3;})

.header_gnav li a:hover {color: #23cec3; border-bottom: 1px solid #23cec3;}

(@media screen and (max-width: 768px){)

@media screen and (max-width: 768px){

(.header_inner{ width: 90%; flex-wrap: wrap;})

.header_inner{ width: 90%; flex-wrap: wrap;}

(.header_gnav li { width: 100%; text-align: center;})

.header_gnav li { width: 100%; text-align: center;}

(.header_right_open { display: block;})

.header_right_open { display: block;}

(.menu_btn { position:fixed; top:25px; right:20px;})

.menu_btn { position:fixed; top:25px; right:20px;}

(.menu_btn span {width: 45px; height: 2px; background: #000; display: block;})

.menu_btn span {width: 45px; height: 2px; background: #000; display: block;}

(.menu_btn_open span{ background:red;})

.menu_btn_open span{ background:red;}

(.menu_btn span:nth-child(2){ margin: 15px 0;}})

.menu_btn span:nth-child(2){ margin: 15px 0;}}

($(function(){)

$(function(){

($('.menu_btn') .on('click',function(){)

$('.menu_btn') .on('click',function(){

($(this).toggleClass('menu_btn_open'))

$(this).toggleClass('menu_btn_open')

($('.header_right').toggleClass('header_right_open'))

$('.header_right').toggleClass('header_right_open')

など

(<header> <div class="header_inner">)

<header> <div class="header_inner">

(<div class="header_left">)

<div class="header_left">

(<div><a href=""><h1><img src="./img/logo.png" width="244" height="50" alt="logo"> </h1> </a></div>)

<div><a href=""><h1><img src="./img/logo.png" width="244" height="50" alt="logo"> </h1> </a></div>

(<div class="header_right"> <ul class="header_gnav"><li><a href="">HOME</a></li></ul></div>)

<div class="header_right"> <ul class="header_gnav"><li><a href="">HOME</a></li></ul></div>

(<div class="menu_btn"><span></span> </div></header>)

<div class="menu_btn"><span></span> </div></header>

(<footer><div class="footer_inner"><p></p></div></footer> <script></script></body></html>)

<footer><div class="footer_inner"><p></p></div></footer> <script></script></body></html>

(</footer><script src=".js"></script> <script type="text/javascript" src="js/common.js"></script></body>)

</footer><script src=".js"></script> <script type="text/javascript" src="js/common.js"></script></body>

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

ipipのタイピング

オススメの新着タイピング

タイピング練習講座 ローマ字入力表 アプリケーションの使い方 よくある質問

人気ランキング

注目キーワード