練習2
関連タイピング
-
プレイ回数1954 長文3806打
-
タグ練習用
プレイ回数255 長文1656打 -
プレイ回数1879 長文2051打
問題文
ふりがな非表示
ふりがな表示
(せれくた)
セレクタ
(*{
})
*{
}
(ようそ{
})
要素{
}
(.kurasumei{
})
.kurasumei{
}
(#id{
})
#id{
}
(せれくた せれくた{
})
セレクタ セレクタ{
}
(せれくた>せれくた)
セレクタ>セレクタ
(ようそめい[]ぞくせいめい=””ね{})
要素名[]属性名=""値{}
(input[]type=””text{
})
input[]type=""text{
}
(input[]type=””text:focus{
})
input[]type=""text:focus{
}
(ぎじくらす)
擬似クラス
(ようそ:link{
})
要素:link{
}
(ようそ:visited{
})
要素:visited{
}
(ようそ:hover{
})
要素:hover{
}
(ようそ:active{
})
要素:active{
}
(ようそ:focus{
})
要素:focus{
}
(ようそ:first-child{
})
要素:first-child{
}
(ようそ:last-child{
})
要素:last-child{
}
(ようそ:nth-child()1{
})
要素:nth-child()1{
}
(ようそ:nth-child()odd{
})
要素:nth-child()odd{
}
など
(ようそ:nth-child()even{
})
要素:nth-child()even{
}
(th:nth-child()1,td:nth-child()1{
})
th:nth-child()1,td:nth-child()1{
}
(th:nth-child()3,td:nth-child()3{
})
th:nth-child()3,td:nth-child()3{
}
(ul li{
})
ul li{
}
(ol li{
})
ol li{
}
(ul.くらすめい li,ol.くらすめい li{
})
ul.クラス名 li,ol.クラス名 li{
}
(list-style-type : ;none)
list-style-type : ;none
(list-style-position : ;inside)
list-style-position : ;inside
(list-style-image : ;url()””)
list-style-image : ;url()""
(list-style-type : ;circle)
list-style-type : ;circle
(list-style-type : ;square)
list-style-type : ;square
(list-style-type : ;decimal)
list-style-type : ;decimal
(list-style-type : ;lower-roman)
list-style-type : ;lower-roman
(list-style-type : ;upper-roman)
list-style-type : ;upper-roman
(list-style-type : ;lower-alpha)
list-style-type : ;lower-alpha
(list-style-type : ;upper-alpha)
list-style-type : ;upper-alpha
(<>table<>/table)
<>table<>/table
(table{}border-collapse : ;collapse
)
table{}border-collapse : ;collapse
(table{
}width : ;px)
table{
}width : ;px
(table,th,td{
})
table,th,td{
}
(th,td{
})
th,td{
}
(border-bottom : ;1px solid #ccc)
border-bottom : ;1px solid #ccc
(border-top : ;1px dotted #ccc)
border-top : ;1px dotted #ccc
(text-align : ;center)
text-align : ;center
(vertical-align : ;middle)
vertical-align : ;middle
(ul{
}width : ;500px)
ul{
}width : ;500px
(ul li{
}width : ;450px)
ul li{
}width : ;450px
(margin-right : ;auto)
margin-right : ;auto
(margin-left : ;auto)
margin-left : ;auto
(position : ;static)
position : ;static
(position : ;relative)
position : ;relative
(position : ;absolute)
position : ;absolute
(position : ;fixed)
position : ;fixed
(top : ;100px
left : ;100px)
top : ;100px
left : ;100px
(z-index : ;いちばんおおきいねがうえにくる)
z-index : ;一番大きい値が上にくる
(z-indexつかわないとたぐをきじゅつしたじゅんにかさなる)
z-index使わないとタグを記述した順に重なる
(transform : ;rotate()deg)
transform : ;rotate()deg
(background-size : ;cover)
background-size : ;cover
(letter-spacing : ;)
letter-spacing : ;
(display : ;inline-block)
display : ;inline-block
(display : ;block)
display : ;block
(display : ;inline)
display : ;inline
(transition : ;all 1s)
transition : ;all 1s
(box-shadow : ;none)
box-shadow : ;none
(position : ;relative top : ;5px)
position : ;relative top : ;5px
(cursor : ;pointer)
cursor : ;pointer
(cursor : ;text)
cursor : ;text
(over-flow : ;auto)
over-flow : ;auto
(visibility : ;hidden)
visibility : ;hidden
(display : ;none)
display : ;none
(float : ;left)
float : ;left
(clear : ;both)
clear : ;both
(::first-letter{})
::first-letter{}
(::first-line{})
::first-line{}
(::before{}content:;ないよう)
::before{}content :;内容
(::after{}content:;ないよう)
::after{}content :;内容
(div class=”wrapper clearfix”)
div class="wrapper clearfix"
(.clearfix::after{})
.clearfix::after{}
(content:””;)
content : "";
(display : ;block)
display : ;block
(clear : ;both)
clear : ;both
(position : ;relative)
position : ;relative
(position : ;absolute)
position : ;absolute
(box-sizing : ; border-box;)
box-sizing : ; border-box;