Not Defteri kullanarak basit bir CSS stil sayfası nasıl oluşturulur

Video: Basit Web Site Yapımı - Html Css Basit Web Site Yapımı

İçerik

adımlar
İpuçları
İhtiyacınız Olan Şeyler

Not Defteri, Basamaklı Stil Sayfası (CSS) belgesi oluşturmak için kullanılabilecek metin düzenleyicilerinden biridir. Not Defteri'nde bir CSS dosyası oluşturduktan sonra, bu dosyayı bir web sayfasına bağlayarak web sayfasının içeriğinin sizin stil sayfanızla biçimlendirilmesini sağlayabilirsiniz.

adımlar

1 Not Defteri programını açın.
2Aşağıdaki kodu kopyalayın:

@charset "utf-8"; / * CSS Belgesi * // * Gövde öğesinin rengini tanımlayın * / gövde {arka plan: # FFFFFF;} / * Bu bölüm bağlantılar içindir * / a: bağlantı { yazı tipi ağırlığı: normal; color: Navy} a: ziyaret edildi {font-weight: normal; renk: Yeşil;} a: vurgulu {yazı tipi ağırlığı: kalın; kırmızı renk; font-variant: small-caps;} / * Bu bölüm bir paragraf bölümü içindir * / p {font-stili: italik; yazı tipi boyutu: 18px;} mavi {renk: # 0000FF;} / * Bu bölüm görüntünün siyah kenarlığı içindir. * / img {border-color: # 000000; sınır: kalın; sınır stili: sırt;}

# Adım 2'deki kodu Not Defteri'ne yapıştırın.

1 Dosyayı Not Defteri'ne kaydedin. "Dosya" düğmesini tıklayıp "Kaydet" komutunu seçerek "SimpleCSS.css" adı altında kaydedin. "Kaydet" düğmesine tıkladıktan sonra, "Farklı Kaydet" iletişim kutusu görüntülenecektir.
2 CSS dosyanızı adlandırın. "Dosya Adı" metin kutusuna ".css" uzantılı "SimpleCSS.css" veya herhangi bir ad girin.
3 "Kaydet" düğmesini tıklayın.
4 Tamamdır!

İpuçları

Not Defteri dosyasını Salt Metin olarak kaydedin (bazen buna Metin Belgesi veya ASCII diyebilirsiniz) ve ona ".css" uzantısını verin.
Burada yazdığımız kod, Giriş bölümünde görüntülenen örnek web sayfamızda HTML öğelerini değiştirmek için Not Defteri'ni kullanarak temel bir CSS dosyasının nasıl oluşturulacağını gösteren bir örnektir. Bununla birlikte, web sayfalarının stillerini ve görünümünü nasıl biçimlendirmek istediğinizi CSS kodlamamızı değiştirebilirsiniz.
Kaydedilen CSS belgesini, web sayfalarınızı oluşturduğunuz HTML belgelerinizle aynı klasöre yerleştirmeyi unutmayın.
CSS belgenizi oluşturduktan sonra bir sonraki adımı atmanız gerekebilir; yani, bir belgeyi ve bir web sayfasını bağlayın. Bunu yapmak için lütfen ilgili makalelere bakın.