0

Chrome がファミリーの見出し要素にスタイル プロパティを追加するのはなぜだろうか<h>。そのような要素を追加し、特定の css マークアップを行わないと、クロムによって次のものが追加されます。

h3 {
display: block;
font-size: 1.17em;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}

私はそれを次のようなもので上書きする必要があります

h3{
    display: block;
    font-size: 1.2em;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    cursor: default;
    font-weight: normal;
}

わかりました、私は彼らが太字に設定してフォントサイズを大きくした部分を受け入れることができますが、なぜ彼らは余白を変更するのですか?

上記の要素を再配置し、これを忘れて<p>との動作がなぜ異なるのか疑問に思うので、これは時々非常に混乱することがあります。<h>

それとも私だけで、重要な部分が欠けていますか?

私の英語を許してください、最善を尽くしました。

4

1 に答える 1

5

CSS を非アクティブ化: ブラウザーが (選択した) デフォルトのスタイルシートを持っている理由を理解できます。

  • リスト内のリスト内にリスト内のリストがあり、アイテムのセットがないことを想像してみてpadding/margin-leftください。レベルに関係なく、すべてのリスト アイテムが左揃えになり、非常に読みにくくなります。
  • の間に 1em の余白pがないと、2 つの文のグループが 2 つの異なる段落にあるのか、それとも a で区切られているだけなのかわかりません (それと余白の<br>崩壊... 垂直方向のみ)。
  • aデフォルトで下線が引かれ、慣れ親しんだこの青色になっています。テキストにリンクがあり、下線が引かれておらず、黒く表示されていない場合、どうすればわかりますか?

これらすべてがテキストの自然な表示を定義します。これは、Lie と Bos が CSS を発明する前にプレーンな HTML で必要でした。

-start、-end、-beforeおよびサフィックスに関して-afterは、これは CSS3 にとらわれない、上、右、下、左を表現する方法にすぎません。不可知論者とは、言語がRTL（アラビア語やヘブライ語のように右から左に書かれる）またはLTR（英語やフランス語のように左から右に書かれる）、または上から下へ、左から右への行である可能性があるということです。方向、前に言うことができ、ブラウザはコンテキストからそれが上か左かを理解します...
しかし、それはブラウザの内部です:もちろん、margin命令には接頭辞が付いていません.RTL言語を気にしなければ、長い間TRBLで作業してください;）
だから、次のような簡単なことを続けてください

margin: 1em 10px 1.333em 20px

編集: CSS ライティング モード モジュール レベル 3
からの定義- フロー相対方向:

フロー相対の方向であるbefore、after、start、および end は、ページ上のコンテンツのフローに対して相対的に定義されます。LTR 'horizo​​ntal-tb' 書き込みモードでは、それぞれ上、下、左、右の方向に対応します。

于 2013-04-08T18:22:00.893 に答える