Cuma, Mayıs 18, 2018

CSS Nasıl Eklenir ?

  Hiç yorum yok

CSS Nasıl Eklenir ?

CSS i kullanırken iki şekilde kullanabiliriz.
İlk olarak hazır bulunan ya da yazmaya başladığımız bir css dosyasını projemize çekeriz ya da ikinci yol olarak html ile birlikte css kodları yazarız.
Gelin bu yazımda bunları nasıl ekleyeceğimize bakalım.

1. Yol CSS Dosyasını Çekme

Projemizin "<head> </head>" taglerinin arasına aşağıdaki kodu yazarak css dosyanızı projenizde kullanmak istediğiniz sayfalara dahil edebilirsiniz.

<link href="stil_dosyasi.css" type="text/css" rel="stylesheet"/>


hreff den sonra css dosyanızın olduğu konumu yazmalısınız.

2. Yol Html ile CSS Kullanma

Html sayfalarımızda "<style type="text/css">" kodunu gene "<head></head>" kısmına yazıp ardından css kodlarımızı girip projemize css kodlarımızı dahil edebiliriz.

   <html>
   <head>
      <title>Sayfa Başlığı</title>
      <style type="text/css">
         body { background-color:black; color:white; }
         p { font-family: Tahoma, Verdana; font-size: 12px; }
      </style>
   </head>
   <body>
      <p>Yazımız.</p>
   </body>
   </html>

Tabi bunu pek önermiyorum bu sayfaların boyutu sürekli büyütecek bir şeydir ve gerekli kodları kullanmak istediğimiz bütün sayfalara bunları tekrar tekrar eklemek zorunda kalırız.

Pek kullanışlı olmayan 3. bir yol daha var bundan da hemen şöyle kısa bir şekilde bahsedeyim.
Html elemanlarına "style ='' " şeklinde ekleme yaparak css kodlarınızı çalıştırabilirsiniz.
Örnek vermemiz gerekir ise ;

<p style="font-family: Tahoma; font-size: 12px;">
         Yazımız.
      </p>
Eğer bu yazıyı beğendiyseniz aşağıdaki butonlar ile paylaşabilirsiniz.

Hiç yorum yok :

Yorum Gönder