htmlタグのデフォルトスタイル配置_HTML/Xhtml_Webページ制作

html、アドレス、ブロッククオート、ボディ、dd、div、dl、dt、フィールドセット、フォーム、フレーム、フレームセット、h1、h2、h3、h4、h5、h6、noframes、ol、p、ul、センター、dir、hr、 menu, pre { display: block }/*上記のリスト要素はデフォルトではブロック形式で表示され、表示されない要素はインライン要素として表示されます。このリストは HTML4 バージョン用であり、一部の要素は HTML4 では廃止されます。 XHTML1*/
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: baller; text-align: center }/ *デフォルトでは、表タイトルが太字で中央揃えで表示されます*/
caption { text-align: center }/*デフォルトでは、表のタイトルが中央揃えで表示されます*/
body { margin: 8px; line-height : 1.12 }
h1 { font-size: 2em; マージン: .67em 0 }
h2 { font-size: 1.5em; マージン: .75em 0 }
h3 { font-size: 1.17em; マージン: .83em 0 }
h4, p 、blockquote、ul、fieldset、form、ol、dl、dir、menu { margin: 1.12em 0 }
h5 { font-size: .83em; margin: 1.5 em 0 }
h6 { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4, h5, h6, b,strong { font-weight: 太字 }
blockquote { margin-left: 40px; margin-right: 40px; }
i、cite、em、var、address { font-style: italic }
pre、tt、code、kbd、samp { font-family: monospace }
pre { ホワイトスペース: pre }
ボタン、テキストエリア、入力、オブジェクト、選択 { 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 {vertical-align:inherit }/*デフォルトで垂直に配置され、デフォルトで継承されるセルと列タイトルを定義します*/
s, Strike, del { text-decoration: line-through }/* これらの要素を定義しますデフォルトで取り消し線として表示されます*/

hr { border: 1px inset }/* デフォルトで幅 1px の 3D 凹面エッジ効果になるように分割線を定義します*/

ol, ul , dir , menu, dd { margin-left: 40px }

ol { list-style-type: 10 進数 }
ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
u, ins { text-decoration:Underline }
br:before { content: ""A" }/*改行要素の擬似オブジェクトコンテンツスタイルを定義*/
:before, : after { white-space: pre-line }/*疑似オブジェクト空間文字のデフォルトのスタイルを定義します*/
center { text-align: center }
abbr、頭字語 { font-バリアント: 小文字; 文字間隔: 0.1em }
:link, :visited { text-decoration: 下線 }
:focus { アウトライン: 細い点線の反転 }
/* 双方向性の設定を開始します (do変更しない) */
BDO[DIR="ltr"] { direct:ltr; unicode-bidi:bidi-override }/*属性が DIR= の場合の BDO 要素のデフォルトのテキストの読み書き表示順序を定義します"ltr"*/
BDO[ DIR="rtl"] {direction: rtl; unicode-bidi: bidi-override }/*属性が DIR= の場合の BDO 要素のデフォルトのテキストの読み書き表示順序を定義します。 "rtl"*/
*[DIR= "ltr"] {direction: ltr; unicode-bidi: embed }/*属性が DIR="ltr" の場合の、要素のデフォルトのテキストの読み書き表示順序を定義します。 */
*[DIR="rtl"] { direct: rtl; unicode-bidi: embed }/*属性が DIR="rtl" の場合の、要素のデフォルトのテキストの読み書き表示順序を定義します*/

@media print { /*タイトルとリストのデフォルト印刷スタイルを定義します*/
h1 { page-break-before: always }
h1, h2, h3, h4, h5, h6 { page -break-after: 回避 }
ul, ol, dl { page-break-before: 回避 }
}

ブラウザのデフォルト スタイル

1ページマージン
IE のデフォルトは 10px で、本文
FF のマージン属性設定はデフォルトで 8px、本文
のパディング属性設定はページマージンをクリアするには、これら 2 つの属性をクリアする必要があります。値

コードをコピー

コードは次のとおりです:

body {
マージン:0;
パディング:0;


2. 段落間隔
IE のデフォルトは 19px、p の margin-top 属性で設定
FF のデフォルトは 1.12em、p の margin-bottom 属性で設定
p のデフォルトはブロック表示, 段落間隔をクリアするには、通常、

コードをコピーします

コードは次のとおりです:

p {
margin-top:0;
margin-bottom:0;

3. タイトルスタイル
h1~h6太字表示: font-weight :bold;。
デフォルトのサイズは上の表を参照してください
このようにも書かれています

コードをコピーしますコードは次のとおりです:

h1 {font-size:xx-large;}
h2 {font-size:x-large;}
h3 {font-size :large;}
h4 {font-size:medium;}
h5 {font-size:small;}
h6 {font-size:x-small;}

大きいブラウザのデフォルトのフォント サイズは 16px で、これは中と同等です。デフォルトでは、h1 ～ h6 要素はブロック表示フォントで太字で表示されます。
タイトル スタイルをクリアするには、通常、

を設定します。

コードをコピーしますコードは次のとおりです。

hx {
font-weight:normal; 🎜>font-size:value;
}


4. リスト スタイル

IE のデフォルトは 40 ピクセル、ul と ol のマージン属性によって設定されます
FF のデフォルトは 40 ピクセル、 ul および ol
dl のパディング属性によって設定される にはインデントがありませんが、内部記述要素 dd はデフォルトで 40px だけインデントされますが、名前要素 dt はインデントされません。
リストのスタイルをクリアするには、通常、

コードをコピーします コードは次のとおりです:

ul, ol, dd {

list-style-type:none;/*リスト スタイル文字をクリア*/
margin-left:0;/*IE の左インデントをクリア*/
padding-left:0;/*非 IE の左インデントをクリア*/
}


5. 要素は中央に配置されます。

IE のデフォルトは text-align:center; >FF のデフォルトは margin -left:auto;margin-right:auto;

6. ハイパーリンク スタイル
のスタイルはデフォルトで下線が付き、訪問されたハイパーリンクは紫色になります。リンクをクリアします。 スタイル。通常は

を設定できます。 コードをコピーします

コードは次のとおりです:

a {

text-decoration:none;

color:#colorname;


7 マウス スタイル
IE のデフォルトはカーソル:hand; >FF のデフォルトはカーソル:ポインタ ; です。このステートメントは IE でも有効です

8 画像リンク スタイル
IE のデフォルトは紫色の 2 ピクセルの境界線です
FF のデフォルトは青色の 2 ピクセルの境界線です
画像リンク スタイルをクリアするには、通常、
img {
border:0;
} を設定できます。