CSS kuralları hakkında Bir bildirim iki bölümden oluşur, özellik (örneğin font-family) ve değer (örneğin Helvetica).
CSS (Cascading Style Sheets), HTML ve JavaScript gibi, internet sayfalarının kodlanmasında kullanılan 3 ana teknolojiden biridir. CSS, bir HTML sayfasının nasıl görüntüleneceğini tarif eder.
CSS, (Cascading Style Sheets) yani, basamaklı stil şablonları anlamına gelmektedir. CSS bir biçimlendirme dilidir. Web site sayfalarını kendi stil kurallarına göre şekillendirebilme olanağı verir. Kendine özgü kuralları bulunan CSS, javascript ve HTML ile üst düzey web sayfaları hazırlanabilir.
Cascading Style Sheets (Basamaklı Stil Şablonları ya da Basamaklı Biçim Sayfaları, bilinen kısa adıyla CSS), HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir işaretleme dilidir.
İngilizcesi “Cascading Style Sheets” olan CSS açılımı, “Basamaklanmış Stil Katmanları” anlamına gelmektedir. “CSS nedir?” sorusunun cevabı ise web sitelerinin görsel olarak şekillendirilmesine olanak tanıyan ve kendine has kuralları olan bir tanım dilidir şeklinde ifade edilebilir.
İlgili 32 soru bulundu
CSS yani Cascade Style Sheet, HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir web teknolojisidir. HTML ile oluşturulan elemanlara stil vermeye yarar. Örneğin HTML içine eklediğimiz bir yazının rengini kırmızı yapmak istiyorsak bunu CSS ile gerçekleştiririz.
Üç çeşit CSS türü vardır.
Sefik.net - Stil Şablonu (CSS) Temelleri. CSS, açılımı “Cascading Style Sheet” olan ve dilimize Stil Şablonları olarak yerleşen basit ve kullanışlı bir işaretleme dilidir. Stil şablonu HTML ögelerine (yazı, paragraf, kenar çizgisi, resim, bağlantı...) stil vermek amacıyla kullanılır.
Bir CSS bildirimi daima bir noktalı virgül sembolüyle sonuçlanır ve bildiri grupları "{}" sembolleri arasına alınır.
CSS'de "text-align" özelliği , bir metnin yatay hizalamasını ayarlamak için kullanılır.Metin sola , sağa hizalanmış, ortalanmış veya iki yana yaslanmış olabilir. "text-align" özelliği "justify" olarak ayarlandığında, her satırın genişliği eşit olacak ve sol ve sağ kenar boşlukları düz olacak şekilde uzatılır.
Sayfa İçi / Genel CSS: Sayfa içinde belirli bir etiketi gördüğü her yerde, tanımlanmış özellikleri uygular. Genel CSS kodları, <style> </style> etiketlerinin arasına yerleştirilir.
Bu kodlar, web dökümanının <HEAD> ... </HEAD> bölümü içine yazılmalıdır. Eğer, CSS dosyası ile web dökümanı aynı dizinde değillerse, CSS dosyası için URL yazılmalıdır.
Web siteleri üzerinde görsel yapılandırmalar yapmanızı sağlayan CSS, genellikle HTML ve JavaScript ile birlikte kullanılır. CSS kodlama dili sizin, web siteleri üzerinde haritalama, renkler, yazı fontları, başlıklar, görseller ve birçok alanda fonksiyonel değişikler yapabilmenizi sağlar.
CSS Nasıl Çalışır? Tarayıcı HTML sayfasını yükler ardından HTML'i DOM'ye (Document Object Model) dönüştürür. Daha sonra tarayıcı HTML belgesi ile bağlanan gömülü resimler ve CSS kodlarını barındıran CSS sayfasını getirir. Getirilen CSS'i ayrıştıran tarayıcı farklı kuralları seçicilere göre sıralar.
contain - Görüntü en boy oranını korur, ancak verilen boyuta sığması için yeniden boyutlandırılır. cover - Görüntü en boy oranını korur ve verilen boyutu doldurur. Görüntü sığacak şekilde kırpılır. none - Resim yeniden boyutlandırılmaz.
Bir biçim (style) sayfasını eklemenin üç farklı yolu mevcuttur: Dış stil sayfası (External Style Sheet), İç stil sayfası (Internal Style Sheet), Çevrimiçi (Inline) stil.
Dahili CSS ekleme , tek bir HTML sayfasının stilini belirlemek için kullanılır. HTML sayfamızda ki < head > etiketi içerisine < style > etiketi eklenir ve bu etiketin arasına CSS kodlarımızı yazarız.
Aynı kapsayıcıya sahip elemanların belirtilen elemandan sonraki aynı seviyedeki elemanların tümünü yakalamak için kullanılır. Burada dikkat edilmesi gereken konu belirtilen elemandan sonraki aynı seviyedeki elemanları seçiyor olması. Tanımlama yaparken araya işaret olarak tilde(~) koyuyoruz.
CSS, öğrenmesi kolay ama uzmanlaşması zor olan bir alandır. Harry Roberts'ın CSS Wizardry, BEM metodolojisi ve yeniden düzenleme gibi, ölçeklenebilir ve sürdürülebilir CSS yazmanın temeli hakkında en iyi makaleleri içerir.
Yani satır içi yazılan CSS kodu HTML sayfa içerisinde <style></style> tagleri arasında yazılan CSS kodlarından daha önceliklidir.
CSS ile yapılan menüler esnek, kolay düzenlenebilir, güzel görünen ve rollover efekti uygulana bilen menülerdir. Kodlama sonucu görüntü aşağıdaki gibi olacaktır. Bu bölüme kadar yazılan kodlamalar hem dikey menüler hem de yatay menüler içinde aynıdır.
CSS seçiciler, stil vermek istediğiniz HTML etiketlerini "bulmak" veya başka bir değiş ile "seçmek" için kullanılır. CSS'de Seçici türlerini 5 gruba ayırabiliriz : Basit Seçiciler (Simple Selectors) : id , class , etiketler. Combinator Seçiciler : elementler arasındaki ilişkiye göre.
CSS (Cascade Style Sheet), bir HTML dokümanının şeklini ve/veya görüntüsünü tasarlayan olgudur. Diğer bir ifadeyle CSS, HTML'i basit bir iskelet olmaktan kurtaran metin şekillendirme dilidir. Bu nedenle büyük öneme sahiptir. Çünkü bir sitedeki görselliği dolayısıyla da kullanıcı memnuniyetini sağlayan CSS'tir.
HTML, CSS ve JavaScript'i öğrenmek maksimum bir ay sürer, her gün kafa yorarsan.
Benzer sorularSıkça sorulan sorular
DuyuruReklam alanı
Popüler SorularSıkça sorulan sorular
© 2009-2024 Usta Yemek Tarifleri