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.

drekon 2010-01-04 19:12:12

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

06ozan06 Ozan Yılmaz Avatar

Tşkler..

23-05-2010 11:43

    seyko fikretyalcin Avatar

    .renklilink{ color:yellow}

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

    21-12-2010 20:18

      isohas ismail hasoğlu

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

      16-09-2011 11:22

        selamlar

        craxsy Batu 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

        07-12-2011 19:29

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

          yaa ayş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>

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

            liste hazırlama ve css

            yaa ayş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>

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

              tablo hazırlama ve css

              yaa ayş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>

              26-01-2014 21:11

                css

                yaa ayşe avcı

                body{

                background:purple;}

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

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

                  css ile ana sayfa

                  yaa ayş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>

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

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