CSS Nedir? Nasıl Kullanılır?

CSS , HTML diline ek çıkarılmış kodlama dilidir. Çünkü CSS, HTML’deki etiket seçicilere biçim, boyut, renk, vs özellikler eklemek için daha kolaydır. CSS açılımı Cascading Style Sheets Türkçe dilindeki anlamı ise Basamaklı Stil Şablonları olarak bilinir.Css bilginizi kullanarak güzel siteler tasarlayıp iyi paralar kazanabilirsiniz.

İki çeşit css vardır.

1-Harici css

2-Dahili css

İlk olarak Dahili css den bahsedelim.Dahili css Html'in direk içine yazılır.

Örnek olarak;

<html>
   <head>


 <title>Dahili Css</title>
 <style type="text/css">



.kırmızırenk 

 { color:red; }  

</style> 

   </head>



<body> 

 <div class="kırmızırenk">buraya yazdıgımız yazı kırmızı renk olur</div> 

</body>


</html>

Harici Css ise Html dosyasının klasöründe yer alır ve uzantısı .css olur ve html dosyasında <head></head> arasına uzantının linki verilerek yazılır.

Örnek olarak;


<html>

<head>

<title>Harici Css</title>

<link href="StyleSheet.css" rel="stylesheet" /> // css uzantısını bu şekilde aktif edebiliriz.</head>

bu kodu yazdıktan html içinde css stillerini kullanabiliriz.

Örnek olarak;

<body>
 
<div class="kırmızı renk"></div>
 
</body>
</html>

şeklinde kullanılır.Css giriş yapmış olduk.Yeni bir makalede buluşmak dileğiyle sağlıcakla kalın...

Paylaş

Yazar : KODBLOGCUM

Benzer Yayınlar

Hazır Textbox Css Örnekleri ÖRNEK 1 .textbox { font-family: Arial, Helvetica, sans-serif; background: rgba(255, 255, 255, 0.44);
Css Dersleri 1 -Css Background Kodları Bu makalemde sizlere Css arka plan kodlarından bahsedeceğim. Konu1:Bir sayfanın arka plan rengini ayarlayın bo
CSS Kodları ve Anlamları Bu makalemde sizlere CSS Kodlarını ve Anlamlarını anlatacağım, ———————————————————————— LİNK ÖZELLİKLE
Blogger Kod Penceresi Oluşturma Merhaba arkadaşlar,bu yayınımda sizlere bloğunuzda kullanabileceğiniz kod pencerelerini sunacağım. Eğer bloğunuzd