CSS yazarak tasarıma başlamadan önce 0.css ile sıfırla.
El ele verip 🧠+💖 katarak yapıyoruz.
<link rel="stylesheet" href="/0.css">
Doğrudan açılan CSS belgesini dilerseniz indirip HTML’e ekleyebilirsiniz. Dilerseniz içeriğinin hepsini seçip kendi CSS belgenize eklemek için kopyalayabilirsiniz.
Farklı yazı düzenlerinde yazıların okunabilir olması için satır yüksekliği belirlenmelidir. Bu farklılıklar yüzünden ortak bir değer koyup kullanmak söz konusu olamaz. Yalnızca HTML kodlarınızda lang="tr" gibi hangi dilde yazdığınızı belirtin ve abecelere göre satır yüksekliğini atamış olun.
h1~h6 arası tanımlı başlıkların boyları dengelendi. H1 etiketi ile yazılan başlığın boyu düz yazısının iki katıdır. H6’ya doğru gittikçe başlık boyları küçülmektedir.
Makale paragraflarını HTML’de <article></article> etiketi arasında <p></p> etiketi kullanarak yazdığınızda paragrafların başında 3 damgalık girinti oluşur.
<article>
<h1>Ana Başlık</h1>
<p>Lorem Ipsum, dizgi ve baskı endüstrisinde kullanılan mıgır metinlerdir. Lorem Ipsum, adı bilinmeyen bir matbaacının bir hurufat numune kitabı oluşturmak üzere bir yazı galerisini alarak karıştırdığı 1500'lerden beri endüstri standardı sahte metinler olarak kullanılmıştır. Beşyüz yıl boyunca varlığını sürdürmekle kalmamış, aynı zamanda pek değişmeden elektronik dizgiye de sıçramıştır. 1960'larda Lorem Ipsum pasajları da içeren Letraset yapraklarının yayınlanması ile ve yakın zamanda Aldus PageMaker gibi Lorem Ipsum sürümleri içeren masaüstü yayıncılık yazılımları ile popüler olmuştur.</p>
</article>
HTML’de <body></body> etiketi artık baştan aşağı tüm yüksekliği kaplar biçimde olacak.
Günümüzde temalar iki yüzlü sunulmakta. Bir onlarca yıldır tanıdığımız ağırlıklı olarak ak renk üzerine yapılan temalar. Son yıllarda ise kullananların sayısının arttığı kara renk üzerine yapılanlar. Bunun için 0.css ile bir sıfırlama yapılmaktadır.