Css kullanım şekilleri.

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:25265
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="50%" >

<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="50%" >

<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

phpkodlari.com © 2009 Herkes Php öğrenecek
Eglence ve Oyun: Gamikro