物理的実体

ウェブサイトの作成を開始すると、白紙の状態から始めます。 物理的実体 この空白のキャンバスを体現しています。新しいページが形成されるたびに、 物理的実体 自動的に導入され、以降のすべての要素とコンテンツの聖域として機能します。ページに統合されたすべての要素は、 物理的実体要素間のネストの深さに関係なく、すべての要素はそれぞれの場所を見つける。 ネストされ、整然とした 物理的実体.

物理的な実体に到達する

アクセス 物理的実体 は、 ナビゲーター または、ページ下部の方向を示すパンくずバー キャンバスページの最も外側にあるシェルであるため、 物理的実体 削除や移動の影響を受けません。

物理エンティティのカスタマイズ

他のコンポーネントと同様に、 物理的実体 の適用によって実現できる クラス、このスタイルの一貫性をあなたのプロジェクト内の他のページにも拡張します。ただし、特定のスタイル属性は、 物理的実体位置特性や透明性など。 

さらに、 物理的実体 は許可されていません。この制約はブラウザによる自動幅管理から生じます。しかし、ページ上のコンテンツの広がりを調整するには、 セクション, コンテナ、クイックスタック、そして divブロック 以内 物理的実体 あなたのページの。

ビューポートの幅を超えるコンテンツは、 物理的実体水平スクロールを引き起こしますが、これはあまり望ましくありません。望ましくない水平スクロールを回避するための賢明なアプローチは、要素に注意を払うことです。 幅 そして マイナスマージン非表示にするオプション オーバーフロー に 物理的実体 落胆したままではあるが、継続する。

物理タグのカスタマイズ

すべてのプロジェクトページで統一したスタイル（各ページの背景色を同一にするなど）が必要な場合は、 物理（全ページ）タグこのタグに割り当てられたスタイルは、すべての 物理的実体 サイト全体にインスタンスを作成します。今後作成されるすべてのページにも、同様に同じスタイルが適用されます。 HTML タグのカスタマイズについてさらに詳しく調べます。

変更するには 物理（全ページ）タグ:

1. に移動 スタイルパネル （キーボードの「S」をタップしてください）
2. 内をクリック セレクターフィールド
3. を選択 物理（全ページ）タグ から HTML タグ メニュー
4. スタイリングを進める

観察する： すぐにアクセスするには セレクターフィールド、任意の要素を指定します キャンバス、 プレス コマンド + リターン (Mac) または コントロール + エンター （Windows）新しいクラスを開始するか、上/下矢印を使用して既存のクラスを選択してから、 入力. 洞察力を高めましょう セレクターフィールド ショートカット。 

テキストスタイルの継承

設定後 タイポグラフィスタイル に 物理的実体これらのスタイルは、 物理的実体ページ上のすべてのテキスト要素に影響します。

観察する： タイポグラフィスタイルの調整は、 物理（全ページ）タグ すべてのページで一貫した書体を保証するためです。 

例えば、 物理（全ページ）タグ 全てのページの要素に同じフォントの外観を適用します。ただし、個々のテキストコンポーネントのフォントタイプを変更すると、 物理（全ページ）タグ. テキストスタイルの継承についてさらに詳しく.

問題を確認: デザイナーの下部にあるコンテンツを表示できない

問題： よくある懸念は、ページフッターのコンテンツが切り捨てられることです。デザイナー内でもアクセスやスクロールが不可能です。この現象は次のように分類されます。 マージンの崩壊コンテンツが範囲を超えて溢れ出ることから生じる 物理的実体 ページの下部に、 ナビゲーションバー 絶対的な位置にあります。 

解決： この問題を緩和するには、固定位置が設定されていない限り、ページの最初の要素に上マージンを追加しないでください。代わりに、 物理的実体.