CSS nedir?
CSS, Basamaklı stil sayfaları anlamına gelir. Kullanıcıya HTML öğelerinin ekranda uygun formatta nasıl görüntüleneceğini açıklar. CSS, HTML belgelerine stil vermek için kullanılan dildir. Basit bir ifadeyle basamaklı stil sayfaları, bir web sayfası oluşturma sürecini basitleştirmek için kullanılan bir dildir.
CSS, web sayfasının bazı bölümlerini işlemek için kullanılır. CSS yardımıyla metnin rengini, yazı tipinin stilini, paragraf arasındaki boşluğu ve daha birçok şeyi kontrol edebiliriz. CSS'nin anlaşılması kolaydır ancak Html belgeleri üzerinde güçlü kontrol sağlar.CSS, HTML ile birleştirilmiştir.
CSS'nin avantajları
CSS'nin aşağıdaki avantajları şunlardır:
| Daha hızlı sayfa hızı: | Diğer kodun sayfa hızlarından daha yüksek bir sayfa hızına sahiptir. CSS kuralının yardımıyla, bunu HTML belgelerindeki belirli etiketlerin tüm oluşumlarına uygulayabiliriz.
| Daha iyi kullanıcı deneyimi: | CSS bir web sayfasını göze çok çekici kılar. Ayrıca CSS kullanıcı dostu olmasını sağlar. Düğme veya metin uygun formatta olduğunda kullanıcı deneyimini geliştirir.
| Daha Hızlı Geliştirme Süresi: | CSS'nin yardımıyla, birden fazla sayfanın formatını ve stilini tek bir kod dizesinde belirleyebiliriz. Basamaklı stil sayfasında, birden fazla web sitesi sayfasının kopyasını oluşturabiliriz.
Bir web sayfası yaparsak, aynı biçimlendirmeye, görünüme ve hisse sahiptir; yani tek sayfa için CSS kuralının yardımıyla bu, tüm sayfalar için yeterlidir.
| Kolay Biçimlendirme değişiklikleri: | CSS'de formatta değişiklik yapmamız gerekiyorsa bu çok kolaydır; yalnızca CSS'nin diğer sayfalarına otomatik olarak uygulayacağı tek sayfa formatını değiştirmemiz gerekiyor.
Bir CSS stil sayfasındaki sayfaları tek tek düzeltmeye gerek yoktur. Bir CSS stil sayfasını düzelttiğimizde, diğer CSS stil sayfasını da otomatik olarak güncelleyecektir.
| Uyumluluk: | Günümüz çağında uyumluluk çok önemlidir. Herhangi bir web sayfası oluşturursak, oldukça duyarlı ve kullanıcı dostu olmalıdır. CSS, web sayfası tasarımını duyarlı hale getirmek için Html ile birlikte kullanılır.
Neden CSS Kullanıyoruz?
Hepimizin bildiği gibi CSS, web sayfası tasarımını geliştirmek amacıyla HTML belgesini kontrol etmek için kullanılan güçlü bir stil sayfası dilidir.
java listesi
| CSS, web sayfası tasarımında verimlilik sağlar: | Ayrıca web sayfamızın uygun şekilde çalışması için güncellemeler de sağlar. CSS yardımıyla bu kuralları web sitesinde oluşturabilir ve uygulayabiliriz. Ayrı ayrı bir web sayfası tasarımı oluşturursak, stil sayfamızda değişiklikler yapabiliriz ve bu, tüm stil sayfalarını etkileyecektir.
| CSS daha hızlı sayfa indirme olanağı sağlar: | CSS, sayfanın daha hızlı indirilmesine yardımcı olur çünkü bir sayfayı indirdiğimizde, sayfanın yüklenmesine yardımcı olan önbelleği alırız, ancak CSS'nin yardımıyla performansı artırmaya yardımcı olan daha hafif bir sayfanın yüklenmesine yol açabiliriz.
| CSS'nin çalışması kolaydır: | CSS'de web sitesinin görsel yönünü içerikten tamamen ayırabiliriz; CSS kullanarak hızlı bir şekilde layou0074 yapmamızı sağlayan bir web sitesi oluşturabiliriz.
CSS örneği
body { background-color: lightblue; } h1 { colour: white; text-align: center; } p { font-family: Verdana; font-size: 20px; } <p>This paragraph will be red</p> <p id="center">This paragraph will be pink and center-aligned</p> CSS arka planı
CSS'de HTML belgelerini etkileyebileceğimiz farklı yollarımız vardır. Aşağıdaki gibi birkaç tane var:
| Renk: | Arka plan renklerini değiştirmek için kullanılır.
| Tekrarlamak: | Bir görüntünün tekrarlanması gerekip gerekmediğini kontrol etmek için kullanılır. Cevabınız evet ise, o zaman size bunu nasıl yapacağınızı söyleyecektir.
| Resim: | Görüntüyü arka planda ayarlamak için kullanılır.
| Konum: | Bir görüntünün CSS'deki konumunu belirler.
CSS Kenarlığı
Html elemanlarının kenarlığını ayarlamak için kullanılır. Html öğelerinde kenarlığın ayarlanmasına ilişkin bazı temel özellikler vardır:
| Genişlik: | Kenarlıkların genişliğini ayarlamaya yardımcı olur.
| Stil: | Kenarlıkların stilini belirlemeye yardımcı olur.
| Renk: | Kenarlıkların rengini ayarlamaya yardımcı olur.
| Yarıçap: | Kenarlığın yarıçapını ayarlamaya yardımcı olur.
Kenarlığı sağ , üst, alt ve sol olarak ayarlayabiliriz. Örneğin: kenarlık genişliği = 2 piksel, 5 piksel;
