home button

Übung 2 Cascading Style Sheets (CSS)

Web-Engineering Wintersemester 2022 - Marian Hönscheid

2.1. CSS Selektoren und CSS Farben

Berechnen Sie die Spezifität folgender CSS-Selektoren:
  1. div div div:focus .inner
  2. 023
  3. h1 + div.main
  4. 012
  5. div a:link[href*='h-brs']
  6. 022
  7. nav > a:hover::before
  8. 013
  9. ul#primary-nav li.active
  10. 112
Rechnen Sie folgende RGB-Werte in HSL-Werte um:
  1. #ffffff
  2. hsl(0,0%,100%)
  3. #000
  4. hsl(0,0%,0%)
  5. #ab0978
  6. hsl(318,90%,35%)
  7. rgb(127,255,33)
  8. hsl(94,100%,56%)
  9. rgba(255,127,33,0.8)
  10. hsla(25,100%,56%,0.8)

2.2. CSS-Positionierung

CSS Aufgabe Header Checkbox Trick

2.3. Wireframe mit HTML und CSS

Gegeben ist folgendes HTML-Wireframe:

Mit welchem HTML- und CSS-Code kann man diesen Wireframe exakt nachbilden? Schreiben Sie Ihren CSS-Code direkt in die HTML-Datei.
Hier finden Sie einen Nachbau des Wireframes

Was war in der Lösung dieser Aufgabe die größte Schwierigkeit und wie haben Sie diese gelöst?
A: Die richtigen Abstände finden und alle Input Tags richtig zu übertragen.

Zurück