26-10-2014 Saat: 10:58
CSS Harici Stil Kullanımı (External Style Sheet)
Bu kullanım şekli, bizim kullanmamız gereken Css Kullanım Şekldir.
İsminden de anlaşılacağı gibi Css kodlarımız ayrı bir dosyada olacaktır ve biz bu dosyayı <link> etiketi içinde çağıracağız. Css dosyamızın uzantısı ''.css'' olmalıdır ve ''.css'' dosyamızda sadece Css kodları olmalıdır.
HTML/XHTML dosyamızda Css 'i nasıl çağırıyoruz görelim...
Css Dahili Stil Kullanımı (Internal Style Sheet)
Bu kullanım şeklinde Css kodlarımızı <head> etiketi altında <style> etiketi içine yazacağız.
<style> etiketi içinde nasıl Css kodu yazıyoruz görelim....
Bu Etiket Stil Kullanımı (Inline Style)
Bu kullanım şeklinde ise Css kodlarımızı HTML/XHTML etiketleri içine ''style'' özniteliği ile birlikte yazacağız.
''style'' özniteliği ile nasıl Css kodu yazıyoruz görelim...
Bu kullanım şekli, bizim kullanmamız gereken Css Kullanım Şekldir.
İsminden de anlaşılacağı gibi Css kodlarımız ayrı bir dosyada olacaktır ve biz bu dosyayı <link> etiketi içinde çağıracağız. Css dosyamızın uzantısı ''.css'' olmalıdır ve ''.css'' dosyamızda sadece Css kodları olmalıdır.
HTML/XHTML dosyamızda Css 'i nasıl çağırıyoruz görelim...
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8;" />
<link rel="stylesheet" type="text/css" href="dosyaAdi.css" />
<title>Başlık Buraya</title>
</head>
<body>
<p>İçerik Buraya</p>
</body>
</html>Css Dahili Stil Kullanımı (Internal Style Sheet)
Bu kullanım şeklinde Css kodlarımızı <head> etiketi altında <style> etiketi içine yazacağız.
<style> etiketi içinde nasıl Css kodu yazıyoruz görelim....
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8;" />
<title>Başlık Buraya</title>
<style>
p {
color: black;
text-align: center;
}
</style>
</head>
<body>
<p>İçerik Buraya</p>
</body>
</html>Bu Etiket Stil Kullanımı (Inline Style)
Bu kullanım şeklinde ise Css kodlarımızı HTML/XHTML etiketleri içine ''style'' özniteliği ile birlikte yazacağız.
''style'' özniteliği ile nasıl Css kodu yazıyoruz görelim...
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8;" />
<title>Başlık Buraya</title>
</head>
<body>
<p style="color: black; text-align: center;">İçerik Buraya</p>
</body>
</html>