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/20 21:18] admin [Szövegbeállítások] |
oktatas:web:css:css_nyelv [2022/01/24 10:34] admin [Média beállítások] |
||
---|---|---|---|
Sor 2543: | Sor 2543: | ||
Az import segítségével, más CSS fájlokat emelhetünk a jelenlegihez. | Az import segítségével, más CSS fájlokat emelhetünk a jelenlegihez. | ||
+ | |||
+ | ==== Média beállítások ==== | ||
+ | |||
+ | Az at-szabályok segítségével médiafüggő beállításokat hozhatunk létre. | ||
+ | |||
+ | <code css> | ||
+ | /* Mobil esetén */ | ||
+ | @media screen and (max-device-width: 480px){ | ||
+ | .aru { | ||
+ | display: block; | ||
+ | background-color: white; | ||
+ | width: 98%; | ||
+ | height: 350px; | ||
+ | margin: 5px; | ||
+ | } | ||
+ | |||
+ | #aruk { | ||
+ | max-width: 100%; | ||
+ | margin: 0; | ||
+ | background-color: gold; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | |||
+ | </code> | ||
===== Függelék ===== | ===== Függelék ===== | ||