Padding, tanımlanmış herhangi bir sınırın içinde bir öğenin içeriğinin etrafında boşluk oluşturmak için kullanılır. CSS ile padding üzerinde tam kontrole sahip olursunuz. Bir öğenin her bir tarafı için (üst, sağ, alt ve sol) padding’i ayarlamak için özellikler vardır. Padding – Tek Taraflar CSS, bir öğenin her bir tarafı için padding belirtme özelliklerine sahiptir: Tüm padding özellikleri […]
Css Ders 9 | Margin
CSS margin özellikleri, tanımlanmış sınırların dışında, öğelerin etrafında boşluk oluşturmak için kullanılır. CSS ile kenar boşlukları üzerinde tam kontrole sahip olursunuz. Bir öğenin her bir tarafı için (üst, sağ, alt ve sol) kenar boşluğunu ayarlamaya yönelik özellikler vardır. Margin – Tek Taraflar CSS, bir öğenin her bir tarafı için margin belirtme özelliklerine sahiptir: margin-top margin-right margin-bottom margin-left […]
Css Ders 8 | Kenarlıklar
CSS border özellikleri, bir öğenin kenarlığının stilini, genişliğini ve rengini belirlemenize olanak tanır. CSS Kenarlık Stili border-style Kenar çizgilerin stilini belirtir Aşağıdaki değerler kullanılabilir: dotted – Noktalı bir sınır tanımlar dashed – Kesikli bir sınır tanımlar solid – Düz bir sınır tanımlar double – Çift kenarlık tanımlar groove– 3B oluklu bir sınır tanımlar. Etki, kenarlık rengine bağlıdır ridge– 3B çıkıntılı bir […]
Css Ders 7 | Arka Plan
CSS arka plan özellikleri, öğeler için arka plan efektlerini tanımlamak için kullanılır. Bu bölümlerde, aşağıdaki CSS arka plan özelliklerini öğreneceksiniz: Arka plan rengi Arka plan resmi Arkaplan tekrarı Arka plan konumu CSS arka plan rengi background-color Nitelik bir elemanın arka plan rengini belirler. CSS ile renk genellikle şu şekilde belirtilir: Geçerli bir renk adı – […]
Css Ders 6 | Renkler
Renkler, önceden tanımlanmış renk adları veya RGB, HEX, HSL, RGBA, HSLA değerleri kullanılarak belirtilir. CSS Renk Adları CSS’de, önceden tanımlanmış bir renk adı kullanılarak bir renk belirtilebilir: CSS Arka Plan Rengi HTML öğeleri için arka plan rengini ayarlayabilirsiniz: CSS Metin Rengi Metnin rengini şu şekilde ayarlayabilirsiniz: Hello World Lorem ipsum dolor sit amet, consectetuer adipiscing […]
Css Ders 5 | Yorum Satırı
Yorum satırları, kodu açıklamak için kullanılır ve daha sonraki bir tarihte kaynak kodunu düzenlediğinizde yardımcı olabilir. Yorum satırları tarayıcılar tarafından yok sayılır. <style>Etiketinin içine bir CSS yorumu yerleştirilir ve şununla başlar /* ve şu şekilde biter */: Kodda istediğiniz yere yorum ekleyebilirsiniz: Yorumlarınızı birden çok satıra da yazabilirsiniz: HTML ve CSS Yorumları HTML‘de, <!–…–> ifadesini kullanarak HTML kaynağınıza yorum satırları […]
Css Ders 4 | Nasıl Eklenir?
Bir tarayıcı bir stil sayfasını okuduğunda, HTML belgesini stil sayfasındaki bilgilere göre formatlayacaktır. Peki css dosyası nasıl eklenir? CSS Eklemenin Üç Yolu Bir stil sayfası eklemenin üç yolu vardır: Harici CSS Dahili CSS Satır içi CSS Harici CSS Harici bir stil sayfasıyla, yalnızca bir dosyayı değiştirerek tüm bir web sitesinin görünümünü değiştirebilirsiniz! Her HTML sayfası, […]
Css Ders 3 | Seçiciler
CSS seçiciler, stil vermek istediğiniz HTML öğelerini “bulmak” (veya seçmek) için kullanılır. CSS seçicilerini beş kategoriye ayırabiliriz:Kavramlar başta karışık görünebilir, anlamadığınız yerde durmayın örnekler ile pekişecektir. Basit seçiciler : İsme, kimliğe, sınıfa göre öğeleri seçin Combinator seçiciler : Aralarındaki belirli bir ilişkiye göre öğeleri seçin Sınıf seçiciler : Belirli bir duruma göre öğeleri seçin Öğe seçicileri : Bir […]
Css Ders 2 | Sözdizimi (Syntax)
CSS yapısı (sözdizimi), bir seçici ve bir bildirim bloğundan oluşur: Seçici: stil vermek istediğiniz HTML öğesini işaret eder. Bildirim bloğu: noktalı virgülle ayrılmış bir veya daha fazla bildirim içerir. Her bildirim, iki nokta üst üste ile ayrılmış bir CSS özellik adı ve bir değer içerir. Birden çok CSS bildirimi noktalı virgülle ayrılır ve bildirim blokları […]
Css Ders 1 | Tanıtım
CSS nedir? CSS , Cascading Style Sheets başlıklarının kısaltmasıdır CSS, HTML öğelerinin ekranda veya diğer ortamlarda nasıl görüntüleneceğini açıklar CSS , çok fazla işten tasarruf sağlar . Birden fazla web sayfasının düzenini aynı anda kontrol edebilir Harici stil sayfaları CSS dosyalarında saklanır Neden CSS Kullanmalı? CSS, farklı cihazlar ve ekran boyutları için tasarım, düzen ve görüntü varyasyonları dahil olmak üzere web sayfalarınız için stilleri tanımlamak için kullanılır. […]
