CSS’nin Temel Yapısı - Web Tasarım | Web Tasarımı | Kocaeli Web Tasarım
Türkiye'nin en yaratıcı fikirleri burada..

Çağımızın zorlu , rekabetçi ortamında firmanızın ürünlerinizin Türkiye veya dünya'da tanınıp bilinmesini istiyorsanız sizinde bir web siteye ihtiyacınız var demekdir.

Sizlere daha keyifli web siteleri yaşatmak için çalışmalara aralıksız devam ediyoruz.

marjin.net
E-Posta
Şifre

CSS’nin Temel Yapısı

Tarih
11.11.2009
Bu haber 8422 kez okundu.

CSS’de tüm komutlar belirli bir düzene göre sıralanır. Genel olarak iki bölüme ayrılır. Birincisi en solda bulunan kuralı uygulayacağımız elementtir. Buna seçici (selector) denir.

CSS’nin temel yapısında bir diğer özellik de bildirim bloğu (declaration)’dur. Bildirim bloğu süslü bir parantez ile açılır; benzer şekilde noktalı virgülün ardından süslü parantez ile kapanır.

Bildirim bloğunda “seçici” için istediğimiz kadar “özellik” ve “değer” atayabiliriz. Birkaç örnek vermek gerekirse;

 

Tek bir özellik:

H1 {font-family: Arial}

Birden fazla özellik:

H1 {font-family: Arial; font-size: 2; font-weight: bold; color: red;}

Yukarıdaki CSS kod dizilimini açıklayalım;

H1, seçici özelliktir; genellikle yazı/paragraf başlıklarını tanımlamak için kullanılan bir tür HTML kodudur. H1 kodunu kullandığımız satırlarda yer alan yazılar bildirim bloğunda bulunan özelliklere göre şekillenecektir.

Seçicinin ardından süslü parantez açıyoruz. Özellik ve değerler arasında iki nokta üst üste [:] işareti yer alır. Her bir değerin sonuna noktalı virgül [;] gelmelidir.

Seçici için tanımlayacağımız yazı tipi, yazı boyutu, kalınlık/italic ve renk gibi özellikleri her bir satırda belirtiyoruz. Ardından bildirim bloğunu süslü parantez ile kapatıyoruz.

Bu satırda kullandığımız özellikler:

font-family (yazı tipi)
font-size (yazı boyutu)
font-weight (kalın, italic, altı çizili yazı)
color (yazı rengi)

CSS kod diziliminde her bir özelliği aynı satıra yerleştirmek zorunluluğu yoktur. Yukarıda verdiğimiz örnekte yer alan özellikleri aşağıdaki gibi birden fazla satıra yayabiliriz:

H1 {
font-family: Arial;
font-size: 2;
font-weight: bold;
color: red;
}



DİĞER HABERLER

Marjin.net sunucuları artık PHP 7 destekliyor. PHP 7 ile yazılmış sitelerinizi Marjin.net'te kolaylıkla çalıştırabilirsiniz.

Mobil uyumlu websitenizi gören müşteriniz veya potansiyel müşteriniz websitenizi tekrar tekrar ziyaret edecek, sizinle iş yapacak ve sizi tavsiye edecektir. Onlara aradıklarını sunun, kolayca ulaşmalarına olanak sağlayın.

Firmanızı bir adım ileri taşımak istiyorsanız, web sitenizi Marjin.net ile tanıştırın..

Rakiplerinize fark yaratmak istiyorsanız, artık internette ben de varım demek istiyorsanız Marjin.net doğru adresiniz..

Artık bir web sitesine sahip olmanın zamanı geldiğini düşünüyorsanız; Kocaeli Web Tasarım çözümlerinizde faaliyet gösteren firmamız her zaman yanınızda.

Web siteniz için deneyimlerine güvenebileceğiniz bir ortak seçin!

Kurumsal kimlik; bir işletmenin veya kuruluşun görünen yüzüne verilen isimdir.

Peki bir web sitesi nasıl özgün olur? Binlerce web sitesinin olduğu internet ortamında sizin farkınız ne olacak?

Web sitenizin pazarlama canavarı olmasını istiyorsanız bir çok kriteri gözden geçirmelisiniz.

Yetenekli ekibimiz, Kocaeli'de web tasarım ihtiyaçlarınızı karşılamanızı sağlayacak profesyonel ve özel web sayfaları oluşturmak için sizleri bekliyor.. Marjin.NET Kocaeli'de web tasarım konusunda iddaalı.