Create your own awesome maps

Even on the go

with our free apps for iPhone, iPad and Android

Get Started

Already have an account?
Log In

CSS3 by Mind Map: CSS3
0.0 stars - 0 reviews range from 0 to 5

CSS3

Selectors

idやclassを使わなくても要素をつかむことができる

無駄なidやclassを使わなくてもよくなる

htmlがきれいになる

例, trタグの奇数だけ背景を, tr.nth-child(odd) { background-color:#006666; }, trタグの3の倍数だけ, nth-child(3n), trタグの4番目だけ, nth-child(4)

MediaQuery

javascriptを使わずに幅の指定の条件などで、CSSを切り替えられる

例, 画面の幅が50px以下だと切り替わる, media=”screen", media=”screen and (max-width:50px)"

Effect

CSS Transitions

無駄にJSを使わなくてもよくなる

Fonts

書体情報は、書体情報で持たすことが可能, @font-face, 例, @font-face { font-family:"sanself"; }

画像での表現でなくてもいけるようになった

Selection

選択した箇所に関する要素

例, 選択した状態にすると背景色, *::selection { background-color:"#F00" }