CSS3 Mantığı Nedir ?
Bu yazıda CSS nasıl kullanılır CSS nedir onu anlatacağım.Bilindiği üzere HTML metin biçimlendirme, renklendirme kısacası görsellik katma konusunda sayfanın bir çok noktasına müdahale etme seçeneği tanır.
CSS diliyle bu seçeneği zirveye çıkarabilirsiniz.Açılımı yani Uzun ismiyle Türkçesi (Cascading Style Sheets) olarak bilinen ve Stil Şablon anlamına gelen bu sistem web dünyasındaki her sayfa adına daha geniş çaplı bir seçenek sunarak size görsel şölen yapmanıza olanak tanır.
CSS DE AÇIKLAMA METNİ KULLANMAK
/* Paragraf örneği (BU KISIM AÇIKLAMA ALANI) */
p
{
/* Renk mavi olacak anlamına gelir */
color: blue;
/* Yukarda P tagı yani paragrafı ortalayacak (BU KISIM AÇIKLAMA ALANI) */
text-align: center;
}
CSS3’de Class ve ID kullanımı
Herhangi bir elementin içinde çağrılmak istenen id yada class parametreleri kullanılarak o elemente özel still tanımlaması yapabilirsiniz.
Class Kullanımı
ID Kullanımı
Aşağıda bu class ve id’leri seçmek istiyorsanız class için başına nokta ID için başına # işareti koyarak çağırabilirsiniz.
/* Aşağıdaki örnek Nokta ile Başladığından Class (BU KISIM AÇIKLAMA ALANI) */
.ornek1 {
font-size: 16px;
color: blue;
}
/* Aşağıdaki örnek # ile Başladığından ID (BU KISIM AÇIKLAMA ALANI) */
#ornek2 {
font-size: 15px;
color: red;
}
HARİCİ CSS DOSYASI ÇAĞIRMA NASIL ÇALIŞTIRILIR VE EKLENİR?
İlk önce notdefteri yada bir düzenleyici(IDE) kullanmalısınız. CSS kodlarını kurallara(SYNTAX) uygun olarak yazarak kayıt edin.
Aşağıdaki kodu <head> </head> tagları arasında kullanmalısınız.
Ve ‘href=”burayaYaz.css” kısmındaki yere css adını/dosyanızı belirtin.
ÖNEMLİ: HTML sayfası ile css aynı dizinde olmalıdır.Farklı klasörde ise klasoradi/stil_dosyam.css şeklinde belirtmelisiniz.
<link href="stil_dosyasi.css" type="text/css" rel="stylesheet"/>
HTML SAYFASINDA YANİ TEK SAYFADA CSS YAZMA
<html>
<head>
<title>Sayfa Adı/Başlığı</title>
<style type="text/css">
body { background-color:red; color:blue; }
span { font-family: arial; font-size: 14px; }
</style>
</head>
<body>
<span>Bu metin 14 piksel Arial yazı tipiyle örnek amaçlı yazıldı.</span>
</body>
</html>
HTML ELEMENTİNİN İÇERİSİNE CSS YAZMA
Harici CSS dosyası çağırma yada belirli still tanımlaması yapmadan hızlıca yapmak istediğiniz elementi seçip CSS özelliği kazandırabilirsiniz.Aşağıda görüldüğü gibi span elementini seçtik ve içine “style Tagı” kullanılarak bu işlemi yapabilirsiniz.
<html>
<head>
<title>Sayfa Adı/Başlığı</title>
</head>
<body>
<span style="font-size:14px; font-family:arial; color:blue; background-color:red;">Bu metin 14 piksel Arial yazı tipiyle örnek amaçlı yazıldı.</span>
</body>
</html>
Aradığımı burda buldum çok teşekkürler.
güzel olmus iyi oldu gerçekten
Çok güzel anlatılmış bana baya yardımı oldu çok teşekkür ederim