W3C組織はHTML4のスタイルに関する推奨事項を提供しています

W3C組織はHTML4のスタイルに関する推奨事項を提供しています
これは、W3C 組織が HTML4 に対して提示したスタイル推奨事項です。残念ながら、ブラウザが独自のプライベート属性を追加したため、この標準は夢物語になっています。しかし、それは私たちにとって依然として非常に意味のあることです。
付録 D. HTML 4 のデフォルト スタイル シート
この付録は参考情報であり、規範的なものではありません。

このスタイルシートは、現在の UA の実践に関する広範な調査に基づいて、すべての HTML 4 ([HTML4]) 要素の一般的な書式設定を記述します。開発者は、これを実装のデフォルトのスタイルシートとして使用することをお勧めします。

置換要素 ("img"、"object")、スクリプト要素 ("script"、"applet")、フォーム コントロール要素、フレーム要素など、一部の HTML 要素の完全な表示は CSS 2.1 では表現できません。

その他の要素については、従来のプレゼンテーションを CSS で記述できますが、ソリューションでは要素を削除します。たとえば、FONT 要素は、他の要素 (DIV など) に CSS 宣言を添付することで置き換えることができます。同様に、プレゼンテーション属性の従来のプレゼンテーション (TABLE の "border" 属性など) は CSS で記述できますが、ソース ドキュメントのマークアップを変更する必要があります。

 html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center ,
dir, hr, menu, pre { display : block }
li { display : list-item }
head { display : none }
table { display : table }
tr { display : table-row }
thead { display : table-header-group }
tbody { display : table-row-group }
tfoot { display : table-footer-group }
col { display : table-column }
colgroup { display : table-column-group }
td, th { display : table-cell }
caption { display : table-caption }
th { font-weight : bolder ; text-align : center }
caption { text-align : center }
body { margin : 8px }
h1 { font-size : 2em ; margin : . 67em 0 }
h2 { font-size : 1.5em ; margin : . 75em 0 }
h3 { font-size : 1.17em ; margin : . 83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu { margin : 1.12em 0 }
h5 { font-size : . 83em ; margin : 1.5em 0 }
h6 { font-size : . 75em ; margin : 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong { font-weight : bolder }
blockquote { margin-left : 40px ; margin-right : 40px }
i, cite, em,
var, address { font-style : italic }
pre , tt, code ,
kbd, samp { font-family : monospace }
pre { white-space : pre }
button, textarea,
input, select { display : inline - block }
big { font-size : 1.17em }
small , sub , sup { font-size : . 83em }
sub { vertical-align : sub }
sup { vertical-align : super }
table { border-spacing : 2px ; }
thead, tbody,
tfoot { vertical-align : middle }
td, th, tr { vertical-align : inherit }
s, strike, del { text-decoration : line-through }
hr { border : 1px inset }
ol, ul, dir,
menu, dd { margin-left : 40px }
ol { list-style-type : decimal }
ol ul, ul ol,
ul ul, ol ol { margin-top : 0 ; margin-bottom : 0 }
u, ins { text-decoration : underline }
br:before { content : "\A" ; white-space : pre -line }
center { text-align : center }
:link, :visited { text-decoration : underline }
:focus { outline : thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR= "ltr" ] { direction : ltr ; unicode-bidi : bidi-override }
BDO[DIR= "rtl" ] { direction : rtl ; unicode-bidi : bidi-override }

*[DIR= "ltr" ] { direction : ltr ; unicode-bidi : embed }
*[DIR= "rtl" ] { direction : rtl ; unicode-bidi : embed }

@media print {
h1 { page-break-before : always }
h1, h2, h3,
h4, h5, h6 { page-break-after : avoid }
ul, ol, dl { page-break-before : avoid }
}
付録 D. HTML 4 のデフォルト スタイル シート

<<:  MySql8.023 インストール プロセスの詳細なグラフィック説明 (初回インストール)

>>:  CSS3はキングをマッチングさせるときにパーティクルアニメーション効果を実現します

推薦する

CentOS7 で jar アプリケーションの起動を設定する方法

プロジェクトの展開中に遭遇した落とし穴Zhihudemo を展開する際、Jenkins などの自動展...

MySQL の重複データの処理方法 (防止と削除)

一部の MySQL テーブルには重複レコードが含まれている場合があります。重複データが存在することを...

FirefoxでCookieとお気に入りをインポートおよびエクスポートする方法

Firefox は、多くの拡張機能とプラグインを備えた、よく使用されるブラウザです。IE に比べて多...

HTML の div、td、p およびその他のコンテナーでの強制改行と非改行の実装

1. 改行を強制せず、省略記号で終了します。コードをコピーコードは次のとおりです。 <div ...

生年月日を年齢に変換し、グループ化して人数を数えるMySQLの例

データベースのクエリ `学生`から*を選択 クエリ結果id名前誕生日1張三1970-10-01 2李...

MySQL の一般的なログの概要

序文: MySQL システムには、さまざまな種類のログが存在します。さまざまなログにはそれぞれ独自の...

MySQL複合クエリの詳細な説明

UNIONの使用ほとんどの SQL クエリは、1 つ以上のテーブルからデータを返す単一の SELEC...

JavaScript データ構造 双方向リンクリスト

単方向リンク リストは、先頭から末尾、または末尾から先頭への方向のみを走査できます。そのため、単方向...

ボタンのタイプが送信として指定されていません。ボタンをクリックしても、指定された URL にジャンプしません。

現在、プロジェクトの要件により、フォームの送信を制御し、送信前にデータを検証および処理するために j...

HTML に埋め込まれた MP4 形式のビデオが再生できないのはなぜですか?

次のコードは、私の test.html にあります。ビデオは、c:\test.html などの絶対パ...

Vue2 における 12 種類のコンポーネント通信

目次1. 小道具2..同期3.vモデル4.参照5. $emit/v-on 6. $attrs/$li...

シンプルなウェブページレイアウトの構造と表現原理の共有

構造とパフォーマンスの紹介HTML 構造、CSS 表現、JavaScript 動作。Web ページの...

CSS ファンタスティックボーダーアニメーション効果の実装

今日、私はブログサイト shoptalkshow を閲覧していて、非常に興味深いこのインターフェース...

JavaScript 配列の Reduce() メソッドの構文と例の分析

序文Reduce() メソッドは関数を累積器として受け取り、配列内の各値 (左から右へ) が単一の値...

MySQL インデックス プッシュダウンの詳細

目次1. 左端接頭辞原則2. 表に戻る3. インデックスプッシュダウン序文:インデックス プッシュダ...