2013年のリセットCSS。HTML5とCSS3対応！ | ホームページ制作｜大阪・東京
2013年、いよいよHTML5、CSS3がガンガン活用されてきました。 最近はCMSでWebサイトを作成することが多いのですが、やはり、ゼロからコーディングする事もあります。そこで、今まで使っていたリセットCSSを見直し、もっと効率良く作業できるようカスタマイズしました。ブラウザごとの違いをリセットするためのCSSに、よく使うCSS3をコメントアウトで入れておきました。 CSS3は、アニメーション系以外で頻繁に使うもの、テキストシャドウ、ボックスシャドウ、ボックスシャドウ内側、角丸、トランジション、透明、背景のみ透明、グラデーションのコードと、おまけでスマホ対応時の記述を書いておきました。使わなかったものは、サイト制作後に、消すだけです。 また、Float解除時に使う、「 clear:both; 」と、 背景色・背景画像を残したい時に使う「 .clearfix 」も書いておきました。 .
CSS(スタイルシート)の基本、小技、テクニック総まとめ
CSSの基本や使える小技テクニックなどを幅広くまとめました。以前書いて今もそこそこアクセスがある「CSSの知識をもっと深める30+2の小技テクニック集｜Webpark」という記事があるのですが、2年近く前の記事ですしパワーアップさせて作り直しました。 恐らく過去最長の記事ですので目次を作りました。クリックするとするりと移動します。基本的な内容が多いですが、お役に立つ項目があればうれしいです。 ということで順番に説明していきます。 1. 全般的なこと 1-1. CSSリセット ブラウザごとでデフォルトのスタイルは異なっています。その違いをそのままにしておくと、後でブラウザ間の表示の違いに悩むことになり、どこが原因か分からないとイライラしてしまいます。 そんなことのないように、いったんデフォルトのスタイルをリセットしてしまおうというのがリセットCSSです。 方法は色々ありますが、個人的には一番
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
