CSS CSSのメディアクエリはネスト（入れ子）にできる
CSSでレスポンシブデザインなどを作成する場合、メディアクエリ、（@media only screen and～）を指定してコーディングすると思います。
私の場合、幅の切り替えのポイントは、下記のようにしています。
768px
...
CSS
CSS 
CSS iPhone等、iOSのSafariでフォントが明朝体（Serif）になってしまう場合の対処法
単純に、無いフォントを指定してしまっている場合、明朝体（セリフ体）になってしまいます。
iOS Safariのデフォルトフォントが「Serif」のようですので、次のような指定の仕方だとフォントが「明朝体（セリフ体）」になってしまいます...
CSS CSS3 transition が効かない
CSS3のtransition で下記のように指定してもが効かない時があります。
a{
transition: all 0.5s;
}
a:hover{
transform: translate(0px, 5px);
}
...
CSS 横幅がはみ出てブラウザの横するロールバーが出てしまう
ちょっと初心者的なんですが、ハマってしまったのでメモです。
要素に対して、横幅100％にしているんですが、ブラウザからはみ出てしまいました。
marginやpadding、box-sizeing:no-border; を設定してもはみ出...
CSS CSSの Position:fixed; を指定した要素の上部に余白ができる
ヘッダーなどを固定するとき、通常は “ psition:fixed; ” を使うと思います。
しかし、上部に余白が出てしまう事があります。
その場合、次の要素の上マージン ” margin-top ” により、引っ張られる感じで、余白が...
CSS Flexboxで上下揃えができない
Flexboxで子要素の上下揃えをしたいときは、下記のように “ align-items ” で設定します。
.flexbox{
display: flex;
align-items:flex-start; /*上揃えの場...
CSS [css3] backgroundで背景画像を複数指定する
CSS3なら一つの要素に背景画像を複数指定できるので、 背景パターン切り替えごとに要素を追加しなくでもよくなる。 CSS
body{
background:
url(./images/bg_header.png) repeat-x...
CSS 【CSS】1つの要素に「背景色」と「背景画像」どちらも設定する
背景色を指定したDIVの左上にGIF画像を表示する。
CSS
div.test{
background:#666 url(../img/~~.gif) no-repeat top left;
}
※画像URLを色指定の後に指...