18-07-2008 ercani css notları
css in bize sunduğu sonsuz nimetlerden biriside HTML veya XHTML deki <a/> elemanına kendimizce uygun gördüğümüz renkleri ve özellikleri atayabilmemizdir.aslında biz bu tanımlamaları yapmasakta tarayıcı varsayılan değerleri kullanır ve renklendirir. ama bir web sayfası tasarım istediğinden bize yeterli olmaz.aşağıda verilen örnekte bu uygulanmıştır. Genel işleyişini anlatırsak bu iş sözde sınıflarla ve elemanlarla gerçekleşir. Sözde sınıf; bir elemanı farklı sınıflara böler.(örn: link elemanını active, visited vd. sınıflarına böler). :visited bir sözde sınıf tanımlamasıdır. ':' sözde sınıflandırma işaretidir. visited sözde sınıf seçicisidir.kullanımı aşağıdaki gibidir. isterseniz css tanımlamalarıyla daha çok tanım yapabilirsiniz.Örneğin a:hover tanımlamasını kullanarak mouse linkin üzerine geldiğinde yazı tipini,boyutunu,rengini,yapısını ayarlayabilirsiniz. a:link { color: red } /* ziyaret edilmemiş bağlantı */
a:visited { color: blue } /* ziyaret edilmiş bağlantı */
a:hover { color: yellow } /* kullanıcı rastlarsa dikkatini çekmek için */
a:active { color: lime } /* etkin bağlantılar */ Bu tanımlamaları tek bir eleman için kullanmak isterseniz.ID yada sınıf seçiciside kullanabilirsiniz #deneme td.ilk:hover {background-color: #fff; } gibi.
18-07-2008 ercani css notları
css te renkler tanımlanırken ya bir anahtar sözcük yada sayısal olarak RGB(red-green-blue) tanımlanır.
anahtar tanımlama örnek verecek olursak;
body {color: black; background: white }
h1 { color: maroon }
h2 { color: olive }
verilebilir.
css te renklerin anahtar sözcükleri: black, YAZININ TAMAMINA BAK »
15-07-2008 ercani css notları
1. yöntem (x)HTML kodunun içine direkt olarak style özelliğini kullanmak. Bu aslında tavsiye edilen bir kodlama biçimi değildir. ama özel durumlarda kullanılır. örnek olarak;
gibi.
2. olarak <style> Elemanı Kullanılarak. <head> kısmında <style> elemanı içinde CSS kodumuzu yazarak uygulamak.
- <html>
- <head>
- <title>style uygulayarak kullanma</title>
- <style type=”text/css”>
- h1 { color:blue; }
- </style>
- </head>
- <body><h1>bu mavi bir yazıdır</h1></body>
- </html>
gibi.
3. olarak CSS Dosyası Kullanımı. bu kullanımda harici olarak .css uzantılı bir dosya hazırlanır ve dökümanın içine yerleştirilir.örnek olarak style. css dosyamızı şu şekilde hazırlayalım;
h1{color:#003344;
}
p{color:#000000;
size:18;
font-family:verdana;
}
bu style.css dosyamızı bir web sayfasındaki <head> etiketi içerisine
<link rel=”stylesheet” type=”text/css” href=”style.css” />
kodunu ekleyerek yerleştiririz.örnek;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=windows-1254″
/>
<title>harici bir css uygulamak</title>
<link rel=”stylesheet” type=”text/css” href=”style.css” />
</head>
]
şeklindedir.
15-07-2008 ercani css notları
CSS’in açılımı Cascading Style Sheets yani Stil Sablonları demektir. Web dokümanlarına stil eklemek için kullanılan basit ve güçlü bir dildir.
CSS, herhangi bir web sayfasındaki yazı, başlık, font, arka plan, imaj, katman, tablo ve liste gibi elemanların kolay ve temiz olarak biçimlendirilmesini sağlar.Genel olarak HTML ile ilişkilendirilir.XML sayfalarındada kullanılma yeteneği vardır.
CSS 1996Vda W3C tarafından duyuruldu. Son olarak(Ocak 2003’den beri) CSS2.1 sürümü yürürlüktedir. CSS3.0V da çalısmaları devam etmektedir.
CSS3.0 için ayrıntılı bilgiye http://www.w3c.org/Style/CSS/current-work
adresinden ulasabilirsiniz. YAZININ TAMAMINA BAK »
