練習2
問題文
(せれくた)
セレクタ
(*{ })
*{ }
(ようそ{ })
要素{ }
(.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;