15-07-2008 ercani css notları
1. yöntem (x)HTML kodunun içine direkt olarak style özelliğini kullanmak. Bu aslında tavsiye edilen bir kodlama biçimi değildir. ama özel durumlarda kullanılır. örnek olarak;
gibi.
2. olarak <style> Elemanı Kullanılarak. <head> kısmında <style> elemanı içinde CSS kodumuzu yazarak uygulamak.
- <html>
- <head>
- <title>style uygulayarak kullanma</title>
- <style type=”text/css”>
- h1 { color:blue; }
- </style>
- </head>
- <body><h1>bu mavi bir yazıdır</h1></body>
- </html>
gibi.
3. olarak CSS Dosyası Kullanımı. bu kullanımda harici olarak .css uzantılı bir dosya hazırlanır ve dökümanın içine yerleştirilir.örnek olarak style. css dosyamızı şu şekilde hazırlayalım;
h1{color:#003344;
}
p{color:#000000;
size:18;
font-family:verdana;
}
bu style.css dosyamızı bir web sayfasındaki <head> etiketi içerisine
<link rel=”stylesheet” type=”text/css” href=”style.css” />
kodunu ekleyerek yerleştiririz.örnek;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1254″
/>
<title>harici bir css uygulamak</title>
<link rel=”stylesheet” type=”text/css” href=”style.css” />
</head>
]
şeklindedir.
