Background ve Color Özellikleri

Color özelliği anlaşılacağı gibi bir elementin rengini belirlemek için kullanılır. Örneğin body{color:red;} veya {color:#fff;} veya p {color: rgb(0,0,255);} Yukarıdaki birinci örnekte body  seçicisinin altında ki bütün yazıların rengini kırmızı yapacaktır.İkinci örnekte h1 seçicisinin rengini beyaz yaptık. Yani başlıklarımız beyaz renkte olacaktır. Üçüncü örnekte de paragraf renklerini mavi yapacaktır.     BACKGROUND ÖZELLİĞİ Background-color Kullanılacak arka plan rengini belirler. background-position: Arka plan resminin yerini belirler. Aldığı değerler  top | center | bottom | left | center | right . background-size: Arka plan resminin boyutunu belirler. background-repeat: Arka plan resminin tekrarını sağlar.Aldığı değerler  repeat | repeat-x…

Read More

Hangi Editör Kullanmalıyım…

Css tam olarak başlamadan önce önemli konulardan biri de css yazmak için hangi editör kullanmalıyız? Editör kullanmak zorunda mıyım derseniz? Hayır tabi. Ama bir gereklilik mi? Evet.  Piyasada onlarca editör var tabi. Harici bir şey kullanmak istemiyorum derseniz, en basiti Microsoft'un işletim sistemleriyle beraber gelen Not Defteri. Ama bu şekilde kullanmak için kodlar tam anlamıyla bilmeniz gerekiyor. İşimizi kolaylaştırmaları açısından farklı editörler kullanıyoruz genelde. Bunlar farklılık göstersede genel olarak kodları renklendirerek ve kod tamamlama özellikleri ile işimizi kolaylaştırıyor. Hangi editörü kullanacağınız size kalmış. Aşağıdı bazı html ve css editörleri listelenmiştir.…

Read More

Seçiciler ve Bildirimler

Cs yapısı Seçiciler ve Bildirim Bloğundan oluşur. Seçiciler (Selector) Bildirim Bloğu (Declaration Block) Özellik (Property Değer (Value) h1 { text-decoration:none; color:green;}  Yukardaki css kodlarında h1 ———————————————->Seçici {text-decoration:none;color:green;} —>Parantez içindekiler Bildirim Bloğu text-decoration:none;———————->Bildirim color——————————————–>Özellik green——————————————->Değer Burada yapıya bir göz atalım. Seçicimizden sonra Bildirim Bloğu "{" (parantez) ile başlamıştır ve bildirimler sıralanmıştır. Bildirimlerde özelliklerden sonra ":"(iki nokta), özelliklerden sonra ";" (noktalı virgül) kullanılmıştır. Verdiğimiz örnekte de gördüğümüz html'de ki h1 etiketi seçici olarak kullanılmıştır. Demek ki biz Html etiketlerini (body,p,a,h1,h2…) seçici olarak kullanılabililiyoruz.. Peki o zaman aşağıdaki örneğe bir göz atalım. html,…

Read More

Css’ye Başlayalım…

CSS Nasıl Çalışır? Bu makalemizde ilk style sheet dosyamızı oluşturacazğız. Temel CSS kullanımı için kod yapısını ve gerekli html yapısnı görecezğiz. HTML bilgimiz var ise CSS'te sıkıntı yaşamayacağımızı söyleyelim önce.  Basit CSS Sözdizimi. Söz dizimini görmek açısından aşağıdaki örnekleri inceleyelim…Kullanıcının sayfa arkaplan olarak kırmızı renk istediğini düşünelim. HTML ile bunu aşağıdaki şekilde yapabiliriz..; <body bgcolor="#FF0000"> CSS ile aynı şeyi aşağıdaki şekilde yaparız. body {background-color: #FF0000;} Bu örneğe bakarak html'in daha kısa bir kod yapısına sahip olduğunu düşünebiliriz. Ama bunun daha başlangıç olduğunu belirtelim öncelikle. Sadece söz dizimini görmemiz açısından verdiğimiz…

Read More

Css Nedir?

Css yani 'Cascading Style Sheets' yani 'Basamaklı Stil Sayfası' HTML'in ihtiyaçlarımızı karşılamadığı noktada devreye girer. Html elementlerinin üzerinde düzenleme yapmamızı sağlar. CSS, HTML belgeleri düzenini tamamlayan bir stil dilidir.Örneğin,  yazı tipleri, renkler, kenar boşlukları, çizgiler, yükseklik, genişlik, arka plan görüntüleri, gelişmiş pozisyonları ve diğer pek çok özelliğin düzenlenmesini kapsar. HTML'den daha fazla seçenek sunuyor ve daha gelişmiş görünüyor. HTML ile CSS Arasındaki Fark Nedir? İkisi arasındaki farkı kısaca HTML içerik yapısı için kullanılır, CSS ise yapılandırılmış içeriği biçimlendirmek için kullanılır diye anlatabiliriz.. Bu biraz teknik olarak görünsede CSS'i araştırmaya devam…

Read More