Tue Oct. 3

Css basic / CSS Selectors & inhertiance

9 – 12h Teaching

Teacher:

  • Monorom

Goals

  • I understand the CSS inheritance and apply it for my layouts..
  • I use selectors
  • I can use CSS classes, pseudoclasses and ID's.

Content

  • CSS BASIC
  • CSS Selectors
  • Inheritance

RECAP – 02.10.

  1. Media
  2. Forms
  3. Q&A

Selectors

Pseudo-classes

Web Safe Fonts, Font sizes

Colors

colorname (HTML color names / w3schools)

background-color: red; 

Hexadecimal

background-color: #ff0000; 

RGB (red, green, blu)

background-color: rgb(255,255,255);

RGBA (red, green, blu, alpha)

background-color: rgba(255,255,255, 0.5);

Exercise – Portfolio #4 – colors & font

  • Add a folder with the name css to your project folder.
  • Open a new file in Brackets and save this file as style.css to your css folder.
  • All files need to include the style.css.
  • Now start to define styles, use the class=

solution | solution.zip

12 – 13.30h Lunch (Kantine im 5i)

13.30 – 17h Coaching

Coaches:

  • Hussam
  • Matthias

Goals

  • I created my first Style Sheet and uploaded it to the webserver.

Exercise 1

Finish your portfolio site

Exercise 2

CSS Training 1

CSS Training 2 (codecademy)