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 | ||
oktatas:web:css:css_feltetelesen [2022/08/07 19:51] admin [Média] |
oktatas:web:css:css_feltetelesen [2022/08/07 19:53] (aktuális) admin [Feltételes CSS] |
||
---|---|---|---|
Sor 4: | Sor 4: | ||
* **Szerző:** Sallai András | * **Szerző:** Sallai András | ||
- | * Copyright (c) Sallai András, 2013 | + | * Copyright (c) Sallai András, 2013, 2022 |
- | * Licenc: GNU Free Documentation License 1.3 | + | * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]] |
- | * Web: http://szit.hu | + | * Web: https://szit.hu |
===== Miért jó a CSS? ===== | ===== Miért jó a CSS? ===== | ||
Sor 77: | Sor 77: | ||
===== Média ===== | ===== Média ===== | ||
+ | Képernyő mérettől függően más-más beállítást használhatunk. | ||
<code css> | <code css> | ||
Sor 83: | Sor 84: | ||
} | } | ||
- | /* Ha képernyő nagyobb mint 768px: */ | + | /* Ha képernyő nagyobb mint 480px: */ |
- | @media (min-width: 768px) { | + | @media (min-width: 480px) { |
.doboz1 { | .doboz1 { | ||
background-color: blue; | background-color: blue; | ||
Sor 91: | Sor 92: | ||
</code> | </code> | ||
- | A doboz1 nevű doboz, ha eléri a 768px méretet, a háttér kék színre vált. | + | A doboz1 nevű doboz, ha eléri a 480px méretet, a háttér kék színre vált. |
+ | A háttérszín csak egy példa. Tetszőleges tulajdonságok és értékek | ||
+ | megadhatók. | ||