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

推薦する

MySQL の冗長インデックスと重複インデックスの詳細な説明

MySQL では、同じ列に複数のインデックスを作成できます。意図的であるかどうかにかかわらず、MyS...

ページ切り替え効果を実現するJSコード

この記事の例では、ページ切り替え効果を実現するためのJSコードの具体的なコードを参考までに共有してい...

コード例を通してページ置換アルゴリズムの原理を理解する

ページ置換アルゴリズム: 本質は、限られたメモリをワイヤレス プロセスに対応できるようにすることです...

MySql Installer 8.0.18 画像とテキストによるビジュアル インストール チュートリアル

目次1. MySQL 8.0.18のインストール2. 環境変数を設定する3. 接続テスト1. MyS...

Linux の操作とメンテナンスの基本的なスワップ パーティションと LVM 管理のチュートリアル

目次1. スワップパーティション SWAP 1.1 スワップファイルを作成する1.2 スワップパーテ...

ブラウザ内でHTMLタグを中央に配置するCSSスタイル

CSS スタイル:コードをコピーコードは次のとおりです。 <スタイル タイプ="te...

CSSでフォントアイコンを使用する方法をお教えします

まず、フォントアイコンとは何でしょうか?表面的にはアイコンですが、実際はテキストです。テキストの設定...

VueでTypeScriptを使用する方法

導入近年、TypeScript を求める声がますます高まり、TypeScript はフロントエンドに...

モバイル開発におけるHTML5開発の現状を深く理解する

「私たちは次の一連のモバイル製品を HTML5 で作成しています。」 「ええ、最近は多くの人が Ap...

ubuntu15.10 での hadoop2.7.2 の詳細なインストールと設定

Linux での Hadoop インストール チュートリアルはインターネットや書籍に多数ありますが、...

Vueコンポーネントのカスタムイベントの詳細な説明

目次要約する <テンプレート> <div> 要素 <h2>{{メ...

myisamchk および mysqlcheck ツールを使用して破損した MySQL データベース ファイルを迅速に修復する方法

サーバーのデータベース ハード ディスク領域がいっぱいだったため、大量のデータの書き込みに失敗し、「...

Linux で scp コマンドを使用してファイルをリモートでコピーする方法の詳細な説明

序文scp は secure copy の略です。scp は、Linux システムの ssh ログイ...

重要なmysqlログファイルの概要

著者: 丁易出典: https://chengxuzhixin.com/blog/post/mysq...

JSはキャンバス技術を使用してeChartsの棒グラフを模倣します

Canvas は HTML5 の新しいタグです。js を使用して Canvas 描画 API を操作...