Bugün ne öğrendim 3- CSS 2.bölüm

Bugün css dosyaları ile ilgili çok eğlenceli şeyler öğrendim. Bu bölümde hızalama ve yazı tipleri gibi metinsel ögeleri öğreniyoruz. Her işletim sisteminin her yazı tipine sahip olmadığını bilmemiz gerekir. Bunun için işletim sistemine göre fontları seçin ya da indirin.

Css’de font tanımlama:

h1{

font-family:cursive;

}

Font tanımlamayı boyutlandırmayı da eklersek;

body{

fontsize:100px;

}

Html’de id tanımladığımız birşeyin fontunu değiştirmek için:

#two {

fontsize: 2.0em;

}

Box(kutu) modeli nedir?

Tasarım ve düzenden bahsediyorsak, kutu modeli terimini kullanabiliriz. 4 bölümden oluşur kenar mesafesi (margin), sınır (border), boşluk (padding), content (içerik).

Bu şemadaki elemanların açıklamalarına gelecek olursak;

  • Content: Resim ve metnin görüneceği kutunun içeriğidir.
  • Padding: İçerik etrafında bir alanı temizleyerek boşluk oluşturur. Padding daima saydamdır.
  • Border: Boşluk ve içeriğin etrafında yer alan sınır çizgisidir.
  • Margin: Sınırın dışında kalan alandır. Daima saydamdır.

Sonuç olarak böyle bir ayarlama yapmazsak, yaptığımız web sayfaları sola yaslanmış ve biçimsiz bir metin ve görsellerden oluşan bir yığın olur.

7. bölüm Ödeve kısmıydı. Aşağıdaki gibi görünen bir web sayfası hazırlamamı istedi. Ben de hazırladığım kodları github‘a attım. Oradan ulaşabilirsiniz.

Yarın Bootstap’a başlıyorum. Yarınki yazıda görüşmek üzere.

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s