İPUCU

Web & Server Güvenliği Doğru web ve veritabanı sunucusu güvenliği sağlanmadan, bilgisayar korsanları hassas verilerinize erişebilir. Web, Sunucu ve veritabanı güvenliğini nasıl sağlayacağınızı buradan öğrenebilirsiniz.

Seçenekler

CSS nedir ?

14-01-2017 11:52
#1
Quiklav - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
09/2016
Nereden:
127.0.0.1
Mesajlar:
7.023
Teşekkür (Etti):
30
Teşekkür (Aldı):
1869
Konular:
332
Ticaret:
(0) %

Cascading Style Sheets (Basamaklı Stil Şablonları ya da Basamaklı Biçim Sayfaları, bilinen kısa adıyla CSS), HTML'e ek olarak metin ve format biçimlendirme alanında fazladan olanaklar sunan bir Web teknolojisidir.

İnternet sayfaları için genelgeçer şablonlar hazırlama olanağı verdiği gibi, bağımsız olarak harflerin stilini, yani renk, yazı tipi, büyüklük gibi özelliklerini değiştirmek için de kullanılabilir. Bu tekniğin en önemli özelliği kullanımındaki esnekliktir.

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 <BODY> veya <HEAD> 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.


Örnek CSS kodu

<html>
<head>

*********
#HackBox{
width:250px;
height:300px;
border:solid 2px;
}

.HackLogo{
background:url(http://upload.Hack.org/Hack/commons/e/e6/Hack-logo-tr.png);
}
</style>

</head>
<body>

<div id="HackBox">
<div class="HackLogo"></div>
</div>

</body>
</html>


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">
</head>
<body>
<div>Eğer dosya.css sunucuda bulunuyorsa, HTML'in sunumunda kullanılacaktır.</div>
</body>
</html>


HTML dosyası satıriçi CSS içerebilir.
<html>
<head>
*********
div {
color: red;
}
</style>
</head>
<body>
<div>Bu yazı kırmızıdır.</div>
</body>
</html>


JavaScript yoluyla HTML dosyasına CSS eklenebilir.
<html>
<head>
<script>
var css = ********.createElement("style");
css.type = "text/css";
css.innerHTML = "div { color: red; }";
********.body.appendChild(css);
</script>
</head>
<body>
<div>Bu yazı kırmızıdır.</div>
</body>
</html>


bazı yazılarım yıldızlanıyor kusura bakmayın

Konu Quiklav tarafından (14-01-2017 11:55 Saat 11:55 ) değiştirilmiştir.


Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler

Yetkileriniz
Sizin Yeni Konu Acma Yetkiniz var yok
You may not post replies
Sizin eklenti yükleme yetkiniz yok
You may not edit your posts

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodları Kapalı
Trackbacks are Kapalı
Pingbacks are Kapalı
Refbacks are Kapalı