Hakon Vium released CSS in 1994.

p →(selector) { color: blue;} →(declaration)

The box model term is used to describe box that surrounds an element. It consists of : margin, border, padding, content. her elemanı bir kutu gibi düşünüp en dışta marginden başlar, border, onun içinde dolgu yani padding kısmı olur ve en iç kısım contenttir.

iki element arasındaki margin değerinin büyük olanı kadar mesafe olur

CSS @media query text fontu 14px dir. Açıldığında 16px olur ve maximum 480 pixele(breakpoint) kadar büyütülebilir. Important: Always put your media queries at the end of your CSS file.

Medya sorguları, ekran boyutuna göre farklı CSS kullanmamıza izin verir.

Common breakpoints for widths of devices:

• 320px — 480px: Mobile devices
• 481px — 768px: iPads, Tablets
• 769px — 1024px: Small screens, laptops
• 1025px — 1200px: Desktops, large screens
• 1201px and more — Extra large screens, TV

Belirli ortam türlerini veya ekran boyutlarını dahil etmek veya hariç tutmak için isteğe bağlı olarak “not” veya “only” mantıksal anahtar sözcükleri kullanılabilir.

We can use and (both side of the “and” must be true)and , (one true side of the comma is enough)to separate or combine conditions.

* { } headingler, p ler hepsini değiştir. * universal selector’dur.

tek satır da style girdilerini yapmaya shorthand denir.

1rem 16px default

@import url(); internetten font indirir

90vh sayfanın %90 ı demektir.

Modern fontlardan Audiowide modern tasarımlarda kullanılabilir.

yük dağılımını dengelemek için büyük projelerde mesela büyük şirketler CDN(content delivery network) kullanırlar. yani videolar ayrı, ikonlar ayrı vs. serverlardan gelir.