CSS

Der Inhalt ist erst nach dem Einloggen sichtbar

Themen:


Introduction ⇑
a ⇑
animation_keyframes ⇑
background ⇑
blank ⇑
border-radius ⇑
border ⇑
box-sizing ⇑
calc ⇑
child ⇑
clear ⇑
clip-path ⇑
content ⇑
cursor ⇑
display ⇑
div ⇑
filter ⇑
flexbox ⇑
float ⇑
font ⇑
form ⇑
grid ⇑
hover ⇑
hyphens ⇑
img ⇑
important ⇑
is ⇑
li ⇑
margin ⇑
menue_hover_horizontal ⇑
menue_hover_vertical ⇑
not ⇑
of-type ⇑
opacity ⇑
optional ⇑
outline ⇑
overflow ⇑
padding ⇑
position ⇑
responsive ⇑
selection ⇑
selektoren ⇑
span ⇑
target ⇑
transform ⇑
transition ⇑
var ⇑
viewport ⇑
where ⇑
z-index ⇑
zoom ⇑

Anzahl an Themen: 51

Aktuell geöffnete Datei: 'responsive'

Zum Wechseln des Themas einfach ein neues Thema eingeben

CSS_responsive

responsive

Mit Responsive ist es möglich, in unterschiedlichen Abhängigkeiten die Eigenschaften von Objekten zu verändern/ anzupassen.
Zu den Abhängigkeiten zählen z.B.:

- Bildschirmbreite (veraltet) [device-width]

- Bildschirmhöhe (veraltet und generell sehr selten) [device-height]

- Breite des Sichtbereichs

- Höhe des Sichtbereichs (sehr selten)

- Bildschirmausrichtung (orientation: landscape | portrait)

- Farbschema (prefers-color-scheme: dark | light)

- Seitenverhältnis des Sichtbereichs (aspect-ratio (min-aspect-ratio / max-aspect-ratio)) [min-aspect-ratio: 8/5]

- uvw.

Der Responsive-Teil sollte im Style immer an den Schluss kommen und bei externer CSS immer als letztes geladen werden.
@media (Bedingung) - Angesprochen wird die Fenstergröße des Browsers

@media screen and (Bedingung) - Angesprochen wird die Fenstergröße und die Bildschirmgröße

@media screen and (Bedingung) and (Bedingung) - Angesprochen wird die Fenstergröße und die Bildschirmgröße

@media (min-width: 30em) and (orientation: landscape) - Bedinung für Sichtbereichsbreite und Ausrichtung des Bildschirms

Es gibt also immer eine Bedingung, die erfüllt sein muss, andernfalls werden die Eigenschaften aus @media übernommen.

@media (max-width: 600px)
@media (min-width: 600px) Eselsbrücke??

Externe CSS abhängig der Bildschirmgröße o.Ä. einbinden: (vgl. responsive)
<link rel="stylesheet" media="screen and (min-width: 900px)" href="widescreen.css"> (Nur einbinden, wenn mind. 900px zur Verfügung stehen)
<link rel="stylesheet" media="screen and (max-width: 600px)" href="smallscreen.css"> (Nur einbinden, wenn maximal. 600px zur Verfügung stehen)
media="(orientation:landscape)"
@media only screen and (device-width:768px) and (orientation:portrait)

Beispiele

Farbwechsel

A1	B1
A2	B2

Menüpunkt 1

Menüpunkt 2

Menüpunkt 3

Menüpunkt 4

Menüpunkt 5

Menüpunkt 6

inhalte von Wikipedia (https://de.wikipedia.org/wiki/Fische) vom 9.01.20

Fische oder Pisces (lateinisch piscis „Fisch“) sind aquatisch lebende Wirbeltiere mit Kiemen. In der Systematik sind Fische paraphyletisch, d. h., sie bilden keine natürliche Einheit (Monophylon), daher sind sie eine Gruppe morphologisch ähnlicher Tiere. Die Lehre von der Biologie der Fische ist die Ichthyologie (altgriechisch ἰχθύς ichthýs „Fisch“) oder Fischkunde.

Im engeren Sinne sind Fische die nicht zu den Landwirbeltieren gehörenden Kiefermäuler. Unter den heute lebenden Tiergruppen zählen hierzu die:Knorpelfische mit den fast ausschließlich im Meer lebenden Haien, Rochen und Seekatzen;Knochenfische im weiteren Sinne, zusammengesetzt aus Fleischflossern und Strahlenflossern. Die Fleischflosser umfassen die marinen Quastenflosser und die im Süßwasser der Südhemisphäre lebenden Lungenfische. Die Strahlenflosser schließen alle übrigen Fischgruppen mit ein, darunter auch alle europäischen Süßwasserfische.