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

CSSスタイルシートのメディア依存関係を指定する方法

スタイルシートのメディア依存関係を指定する2つの方法は次のとおりです

  • @mediaまたは@importat-rulesを使用してスタイルシートからターゲットメディアを指定します。
  • ドキュメント言語内でターゲットメディアを指定します。
例 @mediaルールの例を見てみましょう-

<style>
   <!--
      @media print {
         body { font-size: 10pt }
      }

      @media screen {
         body { font-size: 12pt }
      }

      @media screen, print {
         body { line-height: 1.2 }
      }

   -->
</style>

  1. CSSでヘッダーのスタイルを設定するにはどうすればよいですか？

    CSSを使用してヘッダーのスタイルを設定するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <title>Page Title</title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body { &n

  2. CSSで一般的なデバイスブレークポイントにメディアクエリを使用するにはどうすればよいですか？

    CSSを使用して一般的なデバイスブレークポイントにメディアクエリを使用するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style>    body {       font-family: "Segoe UI", Tahoma,