728x90 AdSpace

  • Latest News

    6/03/2009

    Css'ye başlıyoruz html css bağlantısı

    uzun zamandır başlayayım dediğim ama bir türlü fırsat bulamadığım css ye başladım ilk konuda sizlere css nasıl kodlandığı hakkında bişeyler göstereceğim.

    <h1>CSS'e Giriş</h1>


    HTML’de bu elementi(h1) kalın,altı çizili, ardalanı kırmızı olarak atama gibi çeşitli stiller verbiliriz ancak bunlar içinde ayrı HTML elementleri kullanmak zorundayız (örn:strong, gibi), ancak CSS de bunu tek bir elementle yapabiliriz ve ayrıca daha fazla stil özellikleride atayabiliriz.(örn: kenarlık, rollover vs stillerini ekleyebiliriz.)

    aşağıdaki kodu stil.css diye bir dosya yapıp içerisine yazabilirsiniz.

    h1 {
    color: white;
    font: italic 11px Arial, serif;
    text-decoration: underline;
    background: yellow url(titlebg.gif) repeat-x;
    border: 1px solid red;
    margin-bottom: 0;
    padding: 5px;
    }




    şimdi html sayfamıza da


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Kirli AdaM Design Lab | Html / Css Dersleri</title>
    <link href="stil.css" rel="stylesheet" type="text/css" />
    </head>
    <body>

    içerik buraya girilecek

    </body>
    </html>


    yukarıdaki kodu kullanacağız index.html diye dosyaya yapıştırabilirsiniz. ve içerik buraya gelcek kısma h1 kodunu kullanabilirsiniz? Daha fazla bilgi için kaynak

    Mehmet Ali

    Grafik tasarım konusunda bir şeyler öğrenmekte, öğrenmekte olduklarını paylaşmakta.

    Website: Mhmtalizm

    • Blogger Yorumları
    • Facebook Yorumları

    0 yorum:

    Yorum Gönder

    Item Reviewed: Css'ye başlıyoruz html css bağlantısı Rating: 5 Reviewed By: Kirli Adam
    Scroll to Top