CSS Aralık 12, 2006
Posted by Mustafa Dalcı in CSS.trackback
Basamaklı stil sayfaları (cascading style sheets, CSS) stil tabanlı biçimlendirmeleri belirlerken kullanılan koddur. Web sayfası yada sayfa kümelerinin biçimlerini standartlaştırmanıza yardımcı olur.Stil sayfasına etiketler için belirlediğiniz stilleri yazarak HTML sayfasındaki etiketleri biçimlendirebilirsiniz.
Stil Sayfaları; Katıştırılmış (embedded) ve Harici (external) Stil sayfaları olmak üzere ikiye ayrılmıştır.
Katıştırılmış Stil Sayfaları, HTML sayfasının head bölümünün içine .. arasına yazılır ve sadece o belgedeki biçimlendirmeyi sağlar. Örneğin;
<html>
<head>
<style>
p{
color:red
}
</style>
</head>
Harici Stil Sayfaları, .css uzantısı ile kaydedilmiş dosyalardır ve HTML sayfasının head bölümünden aşağıdaki gibi link verilerek ulaşılır. Dosyamızın ismi stil.css olsun.
<link rel="stylesheet" href="stil.css" type="text/css">
Ayrıca Gelişmiş HTML Dersinin Stiller bölümünde anlatıldığı gibi etikete style bağımsız değişkenini ekleyip o etikete uygulanmasını istediğiniz stilleri belirleyebilirsiniz.
CSS KURALLARI
CSS’nin 3 bölümden oluşan bir yazım mantığı vardır:Her CSS kuralı bir tane selector (seçici) ve bir tane tanımlama bölümüne sahiptir. Tanımlama bölümü bir özellik ve bir değerden meydana gelir.
selector { özellik : değer}.Örnek olarak:
body {color: red } veya p {font-size: 10px} div{font-color: blue}
Eğer bir etiket için birden fazla stil kuralı belirlemek istersek onları noktalı virgülle ayırırız.
body {color: red ; margin: 0px ;font-size: 10px}
Birkaç etikete aynı stili vermek için gruplama yapabiliriz.Aşağıdaki örnekte tüm başlıkları gruplayarak kırmızı olmalarını sağladık.
h1,h2,h3,h4,h5,h6 {color:red }
Kaynak:http://www.bidb.odtu.edu.tr/index.php?go=ig&sub=css
Yorumlar»
No comments yet — be the first.