CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSのページメディア

ページメディアは、ドキュメントのコンテンツが1つ以上の個別のページに分割されるという点で連続メディアとは異なります。ページングされたメディアには、紙、OHPフィルム、コンピューター画面に表示されるページなどが含まれます。

CSS2は、コンテンツがレンダリングされる有限サイズのボックスである「ページボックス」を定義します。ページボックスは、2つの領域を含む長方形の領域です-

  • ページ領域 −ページ領域には、そのページに配置されたボックスが含まれます。ページ領域の端は、ページ分割の間に発生するレイアウトの最初の包含ブロックとして機能します。
  • マージン領域 −ページ領域を囲みます。

  1. CSSメディアクエリ

    さまざまなデバイス間で互換性のあるWebサイトを設計することは、できるだけ多くの異なるユーザーがWebサイトにアクセスできるようにするための重要なステップです。 そこでメディアクエリが登場します。CSSメディアクエリを使用すると、ブラウザが定義したルールと一致する場合にのみCSSルールを適用できます。したがって、ユーザーがスマートフォンでWebページを表示している場合にのみ適用されるルールを定義できます。 このチュートリアルでは、レスポンシブWebデザインの基本、メディアクエリのしくみ、独自のCSSメディアクエリのデザイン方法について例を挙げて説明します。このチュートリアルを読み終

  2. CSSのさまざまなメディアタイプ

    CSSメディアタイプは、ドキュメントがレンダリングされるデバイスタイプであり、すべてのメディアタイプに対して特定のスタイルを定義できます。 以下は、CSS3およびメディアクエリ4のメディアタイプです- Sr.No 値と説明 1 すべて スタイルシートはすべてのメディアタイプのデバイスに適用されます 2 印刷 スタイルシートはプリンターに適用されます 3 画面 スタイルシートは、コンピューターの画面、タブレット、スマートフォンなどに適用されます。 4 スピーチ スタイルシートは、ページを大声で「読み取る」スクリーンリーダーに適用