A kiválasztott változat és az aktuális verzió közötti különbségek a következők.
Előző változat mindkét oldalon Előző változat Következő változat | Előző változat Következő változat Következő változat mindkét oldalon | ||
oktatas:web:css:css_nyelv [2022/01/24 10:32] admin [At-szabályok] |
oktatas:web:css:css_nyelv [2022/01/24 10:39] admin [Média beállítások] |
||
---|---|---|---|
Sor 2548: | Sor 2548: | ||
Az at-szabályok segítségével médiafüggő beállításokat hozhatunk létre. | Az at-szabályok segítségével médiafüggő beállításokat hozhatunk létre. | ||
+ | <code css> | ||
+ | /* A szöveg alapértelmezett színe */ | ||
+ | body { | ||
+ | background-color: blue; | ||
+ | } | ||
+ | /* 900px vagy kisebb kijelző esetén */ | ||
+ | @media screen and (max-width: 900px) { | ||
+ | body { | ||
+ | background-color: green; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Képernyőn és 700px vagy annál kisebb kijelzőn */ | ||
+ | @media screen and (max-width: 700px) { | ||
+ | body { | ||
+ | background-color: yellow; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | </code> | ||
===== Függelék ===== | ===== Függelék ===== | ||