CSS

スポンサーリンク
CSS

CSSのメディアクエリはネスト(入れ子)にできる

CSSでレスポンシブデザインなどを作成する場合、メディアクエリ、(@media only screen and~)を指定してコーディングすると思います。 私の場合、幅の切り替えのポイントは、下記のようにしています。 768px ...
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を色指定の後に指...
スポンサーリンク
タイトルとURLをコピーしました