Css kullanım şekilleri.

Kategori : Css Dersleri

CSS TANIMLAMA

Css tanımlamarı kullanılırken iki farklı şekilde yazılabilir. Bunladan birincisi saydadaki her elemanı kapsayan tag yazımıdır:

  • Sayfadaki Tag adları kullanarak Css yazılabilir

Aşağıdaki gibi bir tanım yapıldığında sayfadaki tüm linklerin rengi değişir.

a{color:blur}


  • Css için isim vererek özel tanımlamalar yapılabilir:

Bu tip Css tanımlamada nokta ile başlayan isimler kullanılır böylece sayfadaki tüm linklerin rengini bozmak yerine istenen birkaç elemanın rengi değiştirilebilir.

 

.renklilink{ color:yellow}

sayfa içersinde ise aynı isimle çağrılması gerekir.

 

CSS ÇAĞIRMA

Eğer Css bilgilerini ayrı bir dosyada tutacaksanız aşağıdaki gibi Html sayfasının başında yazmanız gerekir.

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

 

ahmet.css isimli dosyada herhangi bir <style> yazısı olması gerekmez. direkt css tanımları yazılır.

drekon2010-01-04 19:12:12

DMCA.com
Bookmark and Share
Hit:25264
Puan ver:

.

06ozan06Ozan YılmazAvatar

Tşkler..

2010-05-23 11:43:20

    seykofikretyalcinAvatar

    .renklilink{ color:yellow}

    bunu yapamadım birde sormak istedigim istedigimiz linke istedigimiz rengi verebilirmiyiz verilirse nasıl?

    2010-12-21 20:18:35

      isohasismail hasoğlu

      evet verebilirsin.. bunun için html kodunun içinde, vermek istediğin her  linke ayrı ayrı css yazabilirsin.. 

      2011-09-16 11:22:31

        selamlar

        craxsyBatu Dolunay

        bi  noktayı  atlayarak  anlattınız  sanırım çünkü  hiç bişe  anlamadım
         isohas arkadaş  html ye  css  atmak  nasıl  bişe  onu  kısaca anlatırmısın bilgin varsa

        2011-12-07 19:29:55

          css kullanarak otel sitesi yapma örnegi bi hata varmı?

          yaaayşe avcı

          otel.html

          <html>

          <body>

          <center>

          <p style="color:Red;text-align:center;font-size:34" > Petek Hotel</p> 

          <br>

          <img src="aaa.jpg" width="400px" height="300px" >

          <br>

          <p style="color:Red;text-align:center;font-size:12">

          Muğla'da, şehrin en merkezi noktasında konumlanmış olan Petek Hotel; tamamen yenilenmiş 56 Standart, 4 Junior Suit ve 4 Standart Suit olmak üzere toplam 64 oda ve 120 yatak kapasitesi ile 12 ay hizmet vermektedir. </p>

          <br>

          <a href="liste.html"   width="500px" height"300px">Personel Kadromuz </a>

          <br>

          <a href="tablo.html"   width="500px" height"300px">Günlere Göre Yogunlugumuz </a>

          <br>

          <a href="css.html"   width="500px" height"300px">4. bölüm </a>

          </body>

          </html>

          2014-01-26 21:08:16 Edit:2014-01-26 21:26:47

            liste hazırlama ve css

            yaaayşe avcı

            <html>

            <head>

            <title>liste</title>

            <body>

            <ol type="1">

            OTEL PERSONELİ

            <li> Fff </li>

            <li> Bbb </li>

            </ol>

            <ul>

            MEVSİMLİK ÇALISANLAR

            <li> Ggg</li>

            <li> Aaa </li>

            <li> Bbb </li>

            <li> Sss </li>

            </ul>

            <a href="otel.html">ana sayfaya dön </a>

            </body>

            </html>

            2014-01-26 21:09:59 Edit:2014-01-26 21:28:49

              tablo hazırlama ve css

              yaaayşe avcı

              <html>

              <head>

              <title>tablo </title>

              <body>

              <table width="500px" height"300px" border="1" >

              <tr>

              <td>PAZARTESİ</td><td>SALI</td> <td>ÇARŞAMBA </td> <td> PERŞEMBE</td> <td> CUMA </td> <td>CUMARTESİ </td> <td> PAZAR </td>

              </td>

              <tr>

              <td>%10 </td><td>%20 </td><td> %40 </td><td> %70 </td> <td> %80 </td> <td> %90 </td> <td> %90 </td>

              </td>

              <a href="otel.html">ana sayfaya dön </a>

              </body>

              </html>

              2014-01-26 21:11:41

                css

                yaaayşe avcı

                body{

                background:purple;}

                p.baslik{  color:blue; font-size:34;}

                farklı kaydet diyip .css olarak kaydediyoruz
                2014-01-26 21:13:59

                  css ile ana sayfa

                  yaaayşe avcı

                  <html>

                  <head>

                  <title> otel </title>

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

                  </head>

                  <body>

                  <center> 

                  <p class="baslik"> Petek Hotel</p> 

                  <br>

                  <img src="aaa.jpg" width="400px" height="300px" >

                  <br>

                  <p style="color:blue;text-align:center;font-size:12">

                  Muğla'da, şehrin en merkezi noktasında konumlanmış olan Petek Hotel; tamamen yenilenmiş 56 Standart, 4 Junior Suit ve 4 Standart Suit olmak üzere toplam 64 oda ve 120 yatak kapasitesi ile 12 ay hizmet vermektedir. </p>

                  <br>

                  <a href="otel.html">ana sayfaya dön </a>

                  </body>

                  </html>

                  2014-01-26 21:16:10 Edit:2014-01-26 21:27:49

                    www.Phpkodlari.com © 2009 Herkes Php öğrenecek
                    Web tasarım ve eğitim kaynağınız.