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はキングをマッチングさせるときにパーティクルアニメーション効果を実現します

推薦する

Linux+ApacheサーバURLの大文字と小文字の区別の問題を解決する

今日、問題が発生しました。ブラウザのアドレスバーにURLアドレスを入力する際、ページを正常にアクセス...

Linux で cmake を使用して MySQL をコンパイルおよびインストールするための詳細なチュートリアル

1. cmakeをインストールする1. cmakeの圧縮パッケージを解凍する [root@mysql...

シンプルなカルーセル チャートを実装するための JavaScript の最も完全なコード分析 (ES5)

この記事では、シンプルなカルーセル効果を実現するためのJavaScriptの具体的なコードを参考まで...

MySQL DDL による同期遅延を解決する方法

目次序文解決ツールの紹介仕組み使用制限使用上の注意使用例いくつかのパラメータの説明出力例Tencen...

きれいなJavaScriptコードの書き方を教える記事

目次1. 変数意味のある名前を使う不必要なコンテキストを追加しないようにするハードコードされた値を避...

MySQL 8.0.12 のインストールと設定方法のグラフィックチュートリアル (Windows 版)

1. はじめにプロジェクトではMySQLを使用しています。インターネット上の例を参考にインストール...

Linux でファイルをあいまい検索するのに適したコマンドは何ですか?

1. はじめにこの記事では、主に Linux システムでコマンドライン ツールを使用してファイルを...

Vueでデータ例を定義する方法

序文開発プロセスにおいて、変数の定義は非常に頻繁かつ基本的なタスクです。変数の使用シナリオと範囲に応...

Linux での MySQL 5.7.18 yum のアンインストールからインストールまでのプロセスの図

いろいろ苦労しましたが、やっと yum インストールの手順がわかりました。以前、バイナリ パッケージ...

JS の querySelector メソッドと getElementById メソッドの違い

目次1. 概要1.1 querySelector() と querySelectorAll() の使...

JavaScriptの動作原理を理解しましょう

目次ブラウザカーネルJavaScript エンジンV8エンジンJavaScript がどのように実行...

Nginx ベースの Mencached キャッシュ構成の詳細な説明

導入Memcached は分散キャッシュ システムです。Memcached には認証とセキュリティ制...

Web デザイン: Web ミュージックの実装テクニック

<br />Web ページに音楽を挿入する場合、サフィックスに応じて異なるコードを記述す...

MySQL の計画タスクとイベント スケジュール例の分析

この記事では、例を使用して、MySQL の計画されたタスクとイベントのスケジュールについて説明します...

...