Tue Oct. 3
Css basic / CSS Selectors & inhertiance
9 – 12h Teaching
Teacher:
- Monorom
Goals
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
Content
- CSS BASIC
- CSS Selectors
- Inheritance
RECAP – 02.10.
- Media
- Forms
- Q&A
Histroy of Webdesign
Histroy of Webdesign
What is CSS, really?
What is CSS, really?
Inheritance & media types
Inheritance & media types
Selectors
Selectors
- CSS Intensivstation basic selectors
- Simple selectors (Active learning)
Pseudo-classes
Pseudo-classes
Web Safe Fonts, Font sizes
Web Safe Fonts, Font sizes
Colors
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
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=
12 – 13.30h Lunch (Kantine im 5i)
13.30 – 17h Coaching
Coaches:
- Hussam
- Matthias
Goals
Goals
- I created my first Style Sheet and uploaded it to the webserver.
Exercise 1
Exercise 1
Finish your portfolio site
Exercise 2
Exercise 2
CSS Training 1
- Start with Use CSS Selectors to Style Elements
- End with Set the Font Family of an Element
CSS Training 2 (codecademy)
- Start with – Learn CSS
CSS Resources & Tricks