2011/06/07TweetリセットCSSとは各ブラウザ(IE・FireFox・safariなど)は、タグ毎にデフォルトスタイルをそれぞれ独自にもっており、それらをリセットするスタイルシートのことを『リセットCSS』と呼んでいます。デフォルトのまま文字を表示すると、ブラウザ毎に文字サイズが変わってしまいます。そこで、デフォルトのスタイルをすべてリセットするCSSを読み込み解決します。※ただし、リセットCSSは必ず必要というわけではありません。今回、詳しい説明などはいたしませんが、ブラウザのデフォルトスタイルを有効に使っていこうという考え方もあります。Reset上記の2つが有名です。Meyer氏のリセットCSSになります。HTML5でのリセットCSSHTML5でのリセットCSSには新たに加わった要素をリセットする役割と、いくつかの新しい要素を本来のブロック要素に変える役割があるようです。Meyer氏のリセットCSSです。XHTML1.0の時も使用していましたが、現在HTML5のタグにも対応していました。2つ目はhtml5doctorのリセットCSSです。Meyer氏のCSSを調整したもので現在(2011年2月2日)HTML5のリセットCSSでは一番有名なもののようです。私もこちらを使用していこうと考えていますので、html5doctorのソースを確認したいと思います。mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしていますまた、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。list-style:none;}となっていた部分です。none;}ul要素へのリセットはこちらに変更したいと思います。0;}も追記しておこうと思います。今後、勉強していくうちに少しずつ変わってくると思いますので、変わったらまたメモ代わりに記事を書く予定です。JAPANというサイトを作りました。このプロジェクトでは、日本各地の素晴らしい風景やイベントを動画で伝えていきたいと思ってます。トレーラーとして京都でのムービーをアップしましたのでよかったら見てください。※PCでご覧の方は是非4Kのフルスクリーンで見てください。ハヤシユタカ2001年、有限会社ムーニーワークスを設立。WEB制作の他、書籍執筆、セミナー講演、企業研修などを行う。クリエイター育成機関デジタルハリウッドでは1999年より講師として本科WEBデザイナーコースやデジタルデザインコースを担当。詳しいプロフィールはこちら最近書いた記事2016/10/23まずはここから始めよう!作業効率を早めるPhotoshopとIllustratorのショートカットまとめ(ファイル操作・コピペ・ズーム関連)2016/07/19Instagram(インスタグラム)の基本的な運用やマーケティング、活用事例の勉強に参考にしたサイトや記事まとめました。第3回『HTML5の新要素をIEでも対応させる方法』Facebookページで2つのブログの更新情報をチェック「HTML5でサイトをつくろう」と「WEBデザインクリップ」の更新情報やWEB制作に役立つ情報を更新しています。System」の使い方をまとめました。System」に画像対応などしてレスポンシブWEBサイトをつくろう(カスタマイズ編)最新のエントリー2016/10/23まずはここから始めよう!作業効率を早めるPhotoshopとIllustratorのショートカットまとめ(ファイル操作・コピペ・ズーム関連)2016/07/19Instagram(インスタグラム)の基本的な運用やマーケティング、活用事例の勉強に参考にしたサイトや記事まとめました。勉強しながら調べたサイト情報やサンプルの作成。そのほかweb制作に役立つ情報を共有し、情報交換できるサイトになればうれしいです。