Not Defterinde Basit Css Stil Şablonu Nasıl Oluşturulur
Not Defteri bir Geçişli (Basamaklı) Stil Şablonu (CSS) belgesi oluşturmak için kullanabileceğiniz metin editörlerinden biridir. Not Defterini kullanarak bir CSS dosyası oluşturduktan sonra, Web sayfalarının içeriğindeki stil şablonunu dilediğiniz gibi düzenleyebilirsiniz. Ardından da Web sayfalarına bu dosyayı bağlayabilirsiniz.
Adımlar:
1. Not defterini (Text Document) açın.
2. Aşağıdaki kodu kopyalayın.@charset “utf-8”;
/* CSS Belgesi*/
/*body elemanının rengini tanımlayın*/
body
{background: #FFFFFF;
}
/*bu bölüm linkler için*/
a:link
{font-weight:normal; color:Navy
}
a:visited
{font-weight:normal; color:Green;
}
a:hover
{font-weight:bold; color: Red; font-variant:small-caps;
}
/*bu bölüm paragraf bölümü için*/
p {font-style:italic; font-size:18px;
}
blue {color:#0000FF;
}
/*bu bölüm resmin siyah sınırı için*/
img {border-color: #000000; border:thick; border-style:ridge;
}
3. Not defterine 2. adımdaki kodu yapıştırın.
4. Not defterini kaydedin. Not defterinin sol üst köşesindeki File (Dosya) kısmına tıklayın ve sonrasında Farklı Kaydet (Save As) seçeneğine tıklayın.
5. Dosyanıza bir isim verin. Dosyaya “BasitCSS.css” veya başka “.css” uzantılı bir isim verin.
6. Kaydet (Save) butonuna tıklayın.
İpuçları
- Metin olarak Not Defteri dosyayı kaydedin (bazen Metin Belgesi veya ASCII olarak adlandırılabilir) ve bu dosyaya sadece “.css” uzantısı verin.
- Burada yazılan kod tamamen örnek olması açısından yazılmıştır. Siz dilediğiniz kodlamayı kullanabilirsiniz ya da buradaki örnek üzerinde değişiklikler yapabilirsiniz.
- Web sayfalarını oluşturan kodların üzerine yanlışlıkla bu çalışmayı kaydetmeyin. Yoksa gerçek dosyalarınızı kaybetmiş olursunuz.