Vikipedi

CSS: Revizyonlar arasındaki fark

Etkileşimli olarak geçmişe göz at
[kontrol edilmemiş revizyon][kontrol edilmiş revizyon]
← Önceki sürümle aradaki farkSonraki sürümle aradaki fark →
İçerik silindi İçerik eklendi
GörselVikimetin
Anondene (mesaj | katkılar)
16 değişiklik
Örnek CSS kodlarını güncelledim
Roxy (mesaj | katkılar)
Devriyeler
1.982 değişiklik
k Anondene tarafından yapılan değişiklikler geri alınarak, Ozanhazer tarafından değiştirilmiş önceki sürüm geri getirildi.
5. satır:
Bir Web sayfası içerisinde birbiriyle uyumlu birkaç renk ve birkaç yazı tip kullanılır ve bunları her sayfada ayrı ayrı tekrar belirtmek yerine CSS yardımıyla bir sefer tanımlayıp bütün Web sayfalarında ortak olarak kullanılabilir. Böylece sayfaların hafızadaki boyutu epey küçüldüğü gibi güncelleme yapmak da kolaylaşır.
 
CSS kodları, HTML kodlarının içine yazılabildiği gibi harici bir CSS dosyası oluşturularak da işlem yaptırılabilir. Türüne göre <code>&lt;BODY&gt;</code> veya <code>&lt;HEAD&gt;</code> bölümlerinde yer alabilirler. Ayrıca ''<link rel="stylesheet" type="text/css" href="style.css" />'' koduyla CSS dosyası çalışma sayfasına eklenebilir. Onları ayrı dosyada veya dosyalarda saklamak, onları değişik HTML sayfalarınca kullanılmasını sağlar, aynı sayfanın değişik aygıtlara göre formatlandırılmasını kolaylaştırır, sunumla yapıyı ayırarak değişiklik yapılmasını ekonomikleştirir. CSS kodlarının, HTML dosyasına eklenmesi temelde üç farklı şekilde yapılabilir.
 
==Örnek bir CSS kodu==
* HTML dosyası harici CSS dosyasına referans verebilir.
<sourcesyntaxhighlight lang="html5css">
<html>
<head>
 
<link rel="stylesheet" type="text/css" href="dosya.css">
<style>▼
#WikipediaBox{
width:250px;
height:250px;
border:solid 2px;
}
 
.WikipediaLogo{
background:url(http://upload.wikimedia.org/wikipedia/commons/e/e6/Wikipedia-logo-tr.png);
}
</style>▼
 
</head>
<body>
<div>Eğer dosya.css sunucuda bulunuyorsa, HTML'in sunumunda kullanılacaktır.</div>
</body>
</html>
</source>
 
<div id="WikipediaBox">
* HTML dosyası satıriçi CSS içerebilir.
<div class="WikipediaLogo"></div>
<source lang="html5">
<html/div>
 
<head>
▲ <style>
div {
color: red;
}
▲ </style>
</head>
<body>
<div>Bu yazı kırmızıdır.</div>
</body>
</html>
</syntaxhighlight>
</source>
 
*CSS [[JavaScript]] yoluylakodlarının, HTML dosyasına CSSeklenmesi temelde üç farklı şekilde eklenebiliryapılabilir.
<source lang="html5">
<html>
<head>
<script>
var css = document.createElement("style");
css.type = "text/css";
css.innerHTML = "div { color: red; }";
document.body.appendChild(css);
</script>
</head>
<body>
<div>Bu yazı kırmızıdır.</div>
</body>
</html>
</source>
 
== Dış bağlantılar ==
Satır 56 ⟶ 41:
* [http://www.w3.org/TR/REC-CSS2/ CSS]
* [http://www.css3.info/ CSS3 (son sürüm)]
* [http://codepen.io/anon/pen/dGpRGq Örnek bir CSS kodu]
 
{{internet-taslak}}
"https://tr.wikipedia.org/wiki/CSS" sayfasından alınmıştır