Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
   
Konu: CSS Nedir ? Kod Yapısı Nasıldır ?
The_ZiziL
*
avatar
Valhalla
Durum: Çevrimiçi
Seviye Puanı: 36
Yaşam Puanı: 881 / 881
Deneyim: 26 / 100
Rep Sayısı: 551
Mesaj Sayısı: 1902
Üyelik Tarihi: 06.02.2017
     
Yorum: #1
CSS Nedir ? Kod Yapısı Nasıldır ?
27.09.2017 10:29
Merhaba değerli Cyberizm sakinleri, bu makalede HTM kodlama dilinde kullanılan css dosyası ve dosyanın içerisindeki kodların ne işe yaradığından ve kodlarından biraz örnek göstereceğim.

CSS bir kısaltmadır. "Cascading Style Sheets" kelimesinin baş harflerinden oluşur. Dilimizdeki anlamı: Basamaklı Stil Sayfası.

Stiller, bir HTML elementinin nasıl görüneceğini belirleme olanağı sağlar.

Stiller HTML 4.0'da bir problemi çözmemizi sağlar. Siteyi görselleştirme!

HTML dosyamızın daha anlaşılır olmasını sağlar. Stillerimiz tek bir dosyada toplanır ve kolaylıkla okunur - değiştirilir.

Stil dosyalarımızın uzantısı *.css dir. CSS Dosyası birçok stil barındırabilir.


CSS Büyük Bir Problemi Çözüyor!

HTML ilk ortaya çıktığında siyah beyaz bir televizyondan farksız değildi. Her zaman aynı kodlar kullanılır ve aynı biçimde yazılar görünürdü. Örneğin bir H1 elementiyle başlık yazıp farklı bir yerdeki H1 elementini değişik bir renk ve tarzda gösteremiyorduk.

HTML 3.2 ile elementler bazı yeni özellikler kazandı. Örneğin FONT elementine color özelliği eklendi. Tabi bu da tam bir çözüm değildi.

Ne zaman ki HTML 3.2 çıktı, dünya değişti! Artık CSS vardı, üstelik günümüzde tüm tarayıcılar CSS desteklemektedir !


CSS Hayat Kurtarır

Biraz abartı mı oldu? Ancak şurası kesin. İşimizi kolaylaştırıyor. CSS, HTML de kullanılan elementlerin (tag) nasıl görüneceğini bildirir.

Stiller css uzantılı dosyalara kaydedilerek kullanılır, görüntüyü hızlı ve etkili bir şekilde değiştirmenize yarar, düzenlemesi kolaydır, web sitenize kod fazlalığı yaratmaz. İşte bu kadar marifetli.


Bir CSS Koduna Bakış

Bir CSS kodu iki temel bileşenden oluşur. Biri element ve stilleri birbirinden ayıran bir seçim. Diğeri ise bir ya da daha fazla özelliği bildirdiğimiz ifade bölümü.


Seçim genel olarak stilini belirleyeceğimiz HTML elementidir, h1, a, body, p gibi.

İfadeler ise sürekli olarak özellik: değer; şeklinde { ve } işaretleri arasında sıralanırlar.


CSS Örneği

Bir css ifadesi her zaman noktalı virgül (;) ile biter. İfadeler bir kıvrımlı parantez içinde yer alır.

Aşağıdaki örneğe bakalım:


PHP Kod:
colorredtext-aligncenter; } 

Yukarıda tek satırda belirttiğimiz kodları istersek aşağıdaki şekilde de yazabiliriz. Daha anlaşılır olacaktır:

PHP Kod:
p
   
{
      
colorred;
      
text-aligncenter;
   } 


CSS'de Açıklama Kullanmak

Her programlama dilinde ve HTML'de de olduğu gibi bazen kullanıcıların görmeyeceği ancak bizim için referans olacak açıklamalar veya kendimize not yazmak gerekebilir. Bu durum için CSS de /* açıklama */ kullanılmaktadır:

PHP Kod:
/* Paragraf Stilim */
   
p
   
{
      
/* Renk kırmızı olacak */
      
colorred;

      
/* Ortalanmış olacak */
      
text-aligncenter



Umarım birazda olsa bilgilendirebilmişimdir ve işinize yarar.





Allah’tan utanmayan insanlardan da utanmaz…
Alinti
Rep Verenler: KingSkrupellos
KingSkrupellos
*
avatar
Hacktivist
Durum: Çevrimdışı
Seviye Puanı: 55
Yaşam Puanı: 1,373 / 1,373
Deneyim: 92 / 100
Rep Sayısı: 2769
Mesaj Sayısı: 6326
Üyelik Tarihi: 21.08.2013
     
Yorum: #2
RE: CSS Nedir ? Kod Yapısı Nasıldır ?
28.09.2017 15:19
Eline Emeğine Sağlık Exciting

We don't care what people think about us, we are proud of us, we not gonna change for anyone. I do not have own no website. No Contact. # KingSkrupellos # Cyberizm Digital Security Technological Turkish Moslem Army.



Alinti



1 Ziyaretçi