Gönderen Konu: CSS Nedir?  (Okunma sayısı 4654 defa)

danua

  • Yönetici
  • Kıdemli Üye
  • *****
  • İleti: 312
  • Karma 65535
CSS Nedir?
« : 03 Haziran 2017, 22:53:09 »
Wep sayfalarının hazırlamasın da ve Html sayfalarını biçimlendirme de kullanılan teknolojiye CSS denir.

Kod: [Seç]
p { color : red; }seçici { özellik : alacağı değer }
 
Burada "p" seçici ile prağrafla başladık yazacağımız yazının renginin "Kırmızı" olmasını istedik.       

Kod: [Seç]
    p{
        color:red;
        font-size:12pt;
        text-decoration:underline;
    }

Burada yazının "12"pt büyüklükte renginin "kırmızı" olmasını ve yazının altının çizilmesini istedik.

Kod: [Seç]
<p style="color:red;">tr-full.com</p>
tr-full.com yazdığımız yazı kırmızı olacak

Kod: [Seç]
    <!DOCTYPE HTML>
    <html lang="en-US">
        <head>
            <meta charset="UTF-8">
            <title></title>
            <style>
                p{
                    color:red;
                    text-decoration:underline;
                }
            </style>
        </head>
        <body>
            <p>TR-FULL</p>
        </body>
    </html>
Sayfa içerisin de CSS kodlarını yurıdaki örnekde ki gibi kullanabiliriz. Burda önemli olan <head></head> etiketleri arasına<style></style> ler arasına CSS kodlarını eklemek
         
Kod: [Seç]
    <!DOCTYPE HTML>
    <html lang="en-US">
        <head>
            <meta charset="UTF-8">
            <title></title>
            <link rel="stylesheet" href="stil.css"/>
        </head>
        <body>
            <p>TR-FULL.COM</p>
        </body>
    </html>

Bunu index.html dosyası içerisinde harici bir stil dosyası oluşturarak bunun uzantısını .css olarak belirleriz."link" etiketi içerisinde kullandığımız "href" özelliği dosyanın yolunu belirler.
Kod: [Seç]
    p{
        color:blue;
        text-decoration:underline;
    }
Bunu da stil.css dosyası içerisine yerleştiririz.


Linkback: CSS Nedir?
« Son Düzenleme: 06 Temmuz 2017, 16:52:32 Gönderen: danua »
𐱅𐰇𐰼𐰚

Sitelerim
:::::::::::::::::::
telkaricim.com

Tags: