Bu ders boyunca, “font” ile ilgili en yaygın kullanılan özellikleri ve nasıl kullanılacağını ele alacağız. Yazı Tipi Ailesi (font-family) “font-family” özelliği, metnin yazı tipini belirlemek için kullanılır. Bu özellik, metni hangi yazı tipi ailesiyle görüntülemek istediğinizi belirtmenizi sağlar. Örneğin, Arial, Times New Roman, Verdana gibi yazı tipleri kullanılabilir. Birden çok yazı tipi belirtilirse, tarayıcı listedeki […]
Css Ders 13 | Text
CSS’de “text” ile ilgili özellikler oldukça fazladır. Bu özellikler, belirli bir metin öğesi veya içeriğiyle ilgili görüntüleme ayarlarını belirlemek için kullanılır. Bu özellikler, yazı tipi, yazı rengi, yazı boyutu, satır aralığı gibi birçok seçenek içerir. Bu ders boyunca, “text” ile ilgili en yaygın kullanılan özellikleri ve nasıl kullanılacağını ele alacağız. Yazı Tipi Özelliği “font-family” özelliği, […]
Css Ders 12 | Outline
CSS’de “outline” özelliği, bir HTML öğesi etrafında bir çerçeve oluşturmak için kullanılır. Bu özelliğin nasıl kullanılacağı ve örneklerini aşağıda görebilirsiniz: Outline Özelliği “outline” özelliği, bir HTML öğesinin etrafında bir çerçeve oluşturmak için kullanılır. Aşağıdaki örnek kodda, “outline” özelliği kullanılarak bir “div” öğesi etrafında bir çerçeve oluşturulmuştur: Yukarıdaki kod, “div” öğesi etrafında 2 piksel kalınlığında kırmızı […]
Css Ders 11 | Height/Width
CSS’de “height” ve “width” özellikleri, HTML’deki öğelerin boyutunu ayarlamak için kullanılır. Bu özelliklerin nasıl kullanıldığını ve örneklerini aşağıda görebilirsiniz: Height Özelliği “height” özelliği, bir HTML öğesinin yüksekliğini ayarlamak için kullanılır. Aşağıda bir örnek verilmiştir: Yukarıdaki kod, “div” öğesinin yüksekliğini 200 piksel olarak ayarlar. Arka plan rengi “#ccc” olarak belirlenmiştir. Tarayıcıda bu kodu çalıştırdığınızda, “div” öğesi […]
Css Ders 10 | Padding
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ı […]