Bugün biraz daha CSS ile haşır neşir olacağız. Bu süreçte öğrenmenin kalıcı olması adına her gün mutlaka kod yazılması gerekiyor. HTML’i öğrendik CSS’i üzerine inşa edeceğiz.

Bugünün konuları:

1- CSS Hiyerarşisi ve Important kullanımı:

YouTube video

2- CSS ve Dev araçları:

Video:

YouTube video

Makale:

https://hype.com.tr/arama-motoru-optimizasyonu/google-developer-tools-icin-10-ipucu/#:~:text=Chrome%20Developer%20Tools%2C%20direkt%20olarak,%C5%9Fekilde%20te%C5%9Fhis%20etmenize%20yard%C4%B1mc%C4%B1%20olur.

3- CSS Renkler:

Video:

YouTube video

Makale:

https://www.w3schools.com/css/css_colors.asp

4- CSS Arkaplan ve Resimler:

YouTube video

5- Borderlar:

Video:

YouTube video

Makale:

https://www.w3schools.com/css/css_border.asp

6- CSS Width, Height, Max-Width:

Video:

YouTube video

Makale:

https://www.w3schools.com/css/css_dimension.asp

7- CSS Display:

Video:

YouTube video

Makale:

https://www.w3schools.com/css/css_display_visibility.asp

8- Box Model:

Video:

YouTube video

Makale:

https://www.w3schools.com/css/css_boxmodel.asp

9- Margin Özellikleri:

Video:

YouTube video

Makale:

https://www.w3schools.com/css/css_margin.asp

10- Padding Özellikleri:

Video:

YouTube video

Makale:

https://www.w3schools.com/css/css_padding.asp

11- Font Özellikleri:

Video:

YouTube video

Makale:

https://www.w3schools.com/css/css_font.asp

12- CSS İkonlar:

Video:

YouTube video

Makale:

https://www.w3schools.com/css/css_icons.asp

Tebrikler! 🎉 Bugün CSS ile ilgili bir çok konuyu öğrenmiş oldunuz.