CSS: Revizyonlar arasındaki fark
| [kontrol edilmiş revizyon] | [kontrol edilmemiş revizyon] |
İçerik silindi İçerik eklendi
Örnek CSS kodlarını güncelledim |
|||
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><BODY></code> veya <code><HEAD></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.
* HTML dosyası harici CSS dosyasına referans verebilir.
<
<html>
<head>
<link rel="stylesheet" type="text/css" href="dosya.css">
<style>▼
</style>▼
</head>
<body>
<div>Eğer dosya.css sunucuda bulunuyorsa, HTML'in sunumunda kullanılacaktır.</div>
</body>
</html>
</source>
* HTML dosyası satıriçi CSS içerebilir.
<source lang="html5">
<
<head>
▲ <style>
div {
color: red;
}
▲ </style>
</head>
<body>
<div>Bu yazı kırmızıdır.</div>
</body>
</html>
</source>
<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 41 ⟶ 56:
* [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}}
| |||