Css de Kodlar

background-attachment: fixed      ..........arka plan resmi hareket etmez sabit kalır

body{ background  : url(http:). ............... arka plana resim koyar

opacity :0.5                   ..........0 ile 1 arasında deger alır seffaflık katar ..

text-align                      .............yazıyı saga sola ortaya yaslamaya yarar   sadece yazıyı ...


www.süleyman.com       ...............link vermeye yarar ..



altı cizili olmasın dersek css de   a{text-decoration:none }  deriz altında cizgi gider


altı cizili istersek        text-decortion:underline
üst cizili istersek       text-decoration:overline 
tam oratadan cizgi istersek    text-decoration:line-through


yazı büyüklü kücüklü ise biz hepsini aynı yapmak istiyorsak    text-transform:uppercase  dersek hepsi büyük olur

yazı büyüklü kücüklü ise biz hepsini aynı yapmak istiyorsak    text-transform:lowercase  dersek hepsi
kücük olur

paragrafın basında bosluk bıraktırıp baslatmak istiyorsak text-indent:60px  deriz 60px bosluk bırakır



border ile kenarlık yapılır        border:12px solid red         12px genisliginde  kırmızı kenarlık
                                                border-left:50px solid yellow      50 genislikte sol sarı


kenarlık sekli olarak    dotted dersek noktalı       dashed dersek cizgi cizgi olur kenarlık
double dersekte cift cizgi olur


listeleme yaparken basındaki ifade sekil yok  olsun derse list-style-type:none deriz
                                               eger daire olsun istersek    list-style-type:circle deriz
                                               eger kare olsun ister     list-style-type:square deriz
                                               eger roma rakıamı olsun istersek list-style-type:upper-roma deriz
                                               eger harfler olsun istersek    list-style-type:lower-alpha deriz
             eger ikonu biz ekleyeceksek 
                 list-style-image: url("http://www.akademisacterapi.com/images/liste_ikon_b.png")


eger siteye resim yüklüceksek

    diyip   yukarda class olustrup genislik yükseklik ayarlarız












ACILIR REKLAM YAPMA 

#reklam{background-image: url(logo.png);  //İLK RESİM
            display:inline-block;
            -webkit-transition: all 1s;      // İKİNCİ RESİM KAC SANİYE SONTA
            height:50px;
            width:900px;
            background-color:grey
            }
    #reklam:hover{
            margin-top:60px;
            background-image: url(dernek.png);     //İKİNCİ RESİM
            display:inline-block;
            height:500px;
            width:900px;
           
            }