23
May
CSSリセット
何故必要なのか？
各ブラウザ（IE、FireFox、Chrome、safariなど）は、要素毎にデフォルトでスタイルを独自にもっており、ブラウザーによって表示が異なる場合がある。それらの誤差を極力なくすために使用するスタイルシートを一般的に「リセットCSS」と呼ぶ。
記述例
*{
margin:0;
padding:0;
}
body{
font-family:sans-serif; (ゴシック系)、serif（明朝体）
line-height:1.0;
}
nav ul{
list-style:none;
}
※ul,olと記述する事もあり
※番号を使用する場合はolは記述しない
a{
text-decoration:none;
display:block; ※デザインにより記述しないケースもあり
color:inherit; ※デザインにより記述しないケースもあり
}
table{
border-collapse: collapse;
}
游書体について
游書体はWindows 8.1以降のWindowsおよび、OS X Mavericks以降のMacにバンドルされている、比較的新しいフォント
"游ゴシック",YuGothic
font-weight: 500; ※windowsでは細く表示される為
明朝体での指定
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
※最新のブラウザーでは英語のみのフォント指定で大丈夫ですが、古いfirefoxでは英語での指定がNGなので日本語での指定も含める事もある。