ホームページ  >  記事  >  ウェブフロントエンド  >  CSSのコアテクノロジーとは何ですか

CSSのコアテクノロジーとは何ですか

coldplay.xixi
coldplay.xixiオリジナル
2021-01-20 16:05:323556ブラウズ

CSS の核となる技術は、 1. 元の要素を文書の流れから切り離して左右の配置を実現する Float 、 2. オフセットしても元の位置が変わらない相対的な配置3. 行の高さ [line -height]、デフォルトのフォントの大文字化は 16 ピクセルです。

CSSのコアテクノロジーとは何ですか

このチュートリアルの動作環境: Windows10 システム、css3 バージョン、DELL G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。

推奨: css ビデオ チュートリアル

CSS のコア テクノロジーは次のとおりです:

1、floating float

  • 元の要素を文書の流れから切り離して左右の配置を実現します。最小幅 (内部要素の幅)

  • float はブロックレベルの要素の上に押されますが、インライン要素の上やブロック内のテキストの上には押されません。レベル要素

  • float の副作用/float をクリアする 3 つの方法

  • ##2、Position 位置

  • ##relative

オフセットされていても、元の位置は依然として

## それ自体に対してオフセットされています
  • #absolute

  • オフセット、位置はなくなります

最も近い相対/絶対親要素を基準としたオフセット

  • 3、行の高さ
  • デフォルトのフォントの大文字化は 16 ピクセルです;

4、同じ上の div の配置line: ベースライン配置

テキストがある場合、テキストの下部がベースラインになります

インライン要素がある場合、インライン要素の一番下がベースラインです。

  • テキストがない場合、div の一番下の行がベースラインになります。

  • 注: クラス継承によるCSSスタイルの設定

以上がCSSのコアテクノロジーとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。