CSSはどのような問題を解決するために作られたのですか？
グラフィック情報表示サービス
CSSはどのようにスタイルシートの群衆の中で際立っているのですか？
カスケード特性、フロー特性
CSS長さの単位
相対長
- 相対フォント：em,ex,rem,ch
mは単なるフォントサイズです。 exはフォントのx-heightに関連するサイズです。 remはルート要素のemサイズ、htmlデフォルトのfont-size:16pxです。
- 相対表示領域：vh,vw,vmin,vmax
絶対長：px,pt,cm,mm,pc
pxスクリーンピクセル。
未定義の動作 定義、原因
定義：ブラウザのスタイルが他のブラウザと異なって見えること。
理由：W3C仕様には、特定のシナリオに対する特定の制約がありません。
なぜliの前に「弾丸」や「マーカーボックス」があるのですか？
Knowledge: li --> display:list-item；
理由：マーカーボックスは弾を入れるためのもの。
display
要素はブロックレベルとインラインに分類されます。
真ん中のミソジニーはインラインブロック。
理解: box-sizing: content-box（デフォルト）。外側のボックスと内側のボックスの2つのボックスがあることが理解できます。
ブロックレベル要素：ブロック。ブロックフローと解釈できます。
ボックスの本質的な挙動特性は流動性です。ですから、ブロックよりもフローが適しています。
インライン要素: inline.
ブロックレベル要素のストリーミング表現
width:100%と解釈してはいけません。
Mobilityは、magin,border,padding,contentが自動的に水平方向のスペースを割り当てる仕組みです。
モビリティによっては、「幅なし、イメージなし、フロートなし」に従うべきです。
フォーマット幅とは何ですか？
position:absolute/fixedでは、絶対位置決めされた要素の幅は、内部寸法または外部寸法のいずれかによって決定することができます。
外部サイジングは、left/rightとtop/bottomのペアの一つが存在すると、フォーマットされた幅になり、絶対位置決めされた要素の幅サイズは、位置決め特性を持つ最も近い祖先要素からの相対値で計算されることを決定します。
書式設定された幅は流動的で、水平と垂直のスペースが自動的に割り当てられます。また、折り返し表示され、自動的に改行されます。
テキストが少ない場合は水平方向と垂直方向に中央揃えし、テキストが多い場合は左揃えにします。折り返し」を使います。
<style>
.a{
display: block;
width: 100px;
height: 100px;
margin: 10px;
padding:5px;
}
.box{
text-align: center;
}
.content{
display: inline-block;
text-align: left;
}
</style>
</body>
<body>
<div class="box">
<span class="content">すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電済み すべて充電</span>
</div>
</body>
望ましい最小幅
バンプを実現することは可能です。
最大幅
white-space: no-wrap;.連続インラインボックスの幅
マージンの背景色は常に透明
幅分離の原則に基づくCSS流体レイアウト
widthはpadding/borderと共存できません。
