HTML 5 スタイルシートのリセット

この CSS リセットは、Eric Meyers の CSS リセットに基づいて変更されており、特に HTML5 の対応するタグの初期化スタイルを調整します。

/*
html5doctor.com スタイルシートをリセット
バージョン1.4
2009-07-27
著者: Richard Clark - http://richclarkdesign.com
*/

html、本文、div、span、オブジェクト、iframe、
h1、h2、h3、h4、h5、h6、p、blockquote、pre、
略語、住所、引用、コード、
del、dfn、em、img、ins、kbd、q、samp、
小さい、強い、サブ、スーパー、var、
b、私、
dl、dt、dd、ol、ul、li、
フィールドセット、フォーム、ラベル、凡例、
表、キャプション、tbody、tfoot、thead、tr、th、td、
記事、余談、ダイアログ、図、フッター、ヘッダー、
hgroup、メニュー、ナビゲーション、セクション、
時間、マーク、オーディオ、ビデオ {
マージン:0;
パディング:0;
境界線:0;
アウトライン:0;
フォントサイズ:100%;
垂直位置合わせ:ベースライン;
背景:透明;
}
体 {
行の高さ:1;
}

記事、余談、ダイアログ、図、フッター、ヘッダー、
hgroup、nav、セクション {
表示:ブロック;
}

ナビゲーション{
リストスタイル:なし;
}

引用ブロック、q {
引用符:なし;
}

ブロック引用:前、ブロック引用:後、
q:前、q:後 {
コンテンツ：";
コンテンツ:なし;
}

{
マージン:0;
パディング:0;
境界線:0;
フォントサイズ:100%;
垂直位置合わせ:ベースライン;
背景:透明;
}

インス {
背景色:#ff9;
色:#000;
テキスト装飾:なし;
}

マーク {
背景色:#ff9;
色:#000;
フォントスタイル:斜体;
フォントの太さ:太字;
}

デル{
テキスト装飾: 取り消し線;
}

abbr[タイトル], dfn[タイトル] {
border-bottom:1px 点線 #000;
カーソル:ヘルプ;
}

テーブル {
境界線の折りたたみ:折りたたみ;
境界線の間隔:0;
}

時間 {
表示:ブロック;
高さ:1px;
境界線:0;
上境界線:1px 実線 #cccccc;
マージン:1em 0;
パディング:0;
}

入力、選択{
垂直位置揃え:中央;
}

何を更新しますか?
<acronym><font><big> など、HTML5 で推奨されていないタグスタイルを削除しました。HTML5 用の新しいタグスタイルを追加し、デフォルトのパディング、マージン、境界線を削除し、ブロックレベル要素として表示する必要がある要素の表示属性が block として指定されていることを確認しました。

属性セレクタの使用

<abbr> 要素と <dfn> 要素に属性セレクターを追加して、これら 2 つの要素に title 属性がある場合にスタイルを指定します。これはアクセシビリティの観点から考慮されています。

話し合う

アンカーポイントに outline:0 を追加すると、重大なアクセシビリティの問題が発生し、キーボードナビゲーションが無効になります。

ins、マークではフォント色が設定されていない場合は背景色を追加する必要はありません。

詳細については、こちらをクリックしてください: http://html5doctor.com/html-5-reset-stylesheet/

<<: Docker のポート解放失敗の解決策

>>: CSSアニメーション属性キーフレームの詳細な説明