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.
.renklilink{ color:yellow}
bunu yapamadım birde sormak istedigim istedigimiz linke istedigimiz rengi verebilirmiyiz verilirse nasıl?
evet verebilirsin.. bunun için html kodunun içinde, vermek istediğin her linke ayrı ayrı css yazabilirsin..
selamlar
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
css kullanarak otel sitesi yapma örnegi bi hata varmı?
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>
liste hazırlama ve css
<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>
tablo hazırlama ve css
<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>
css
body{
background:purple;}
p.baslik{ color:blue; font-size:34;}
css ile ana sayfa
<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>
