CSS

İçindekiler:

CSS
CSS

Video: Учим CSS за 1 час! #От Профессионала 2024, Mayıs Ayı

Video: Учим CSS за 1 час! #От Профессионала 2024, Mayıs Ayı
Anonim

CSS aşağıdakilerden herhangi birine başvurabilir:

1. Basamaklı stil sayfaları kısaltması olan CSS, biçimlendirme dilinde yazılmış belgeleri sunmak için yeniden kullanılabilir stilleri tanımlamak için kullanılan bir dildir. Konsepti 1994 yılında Håkon Wium Lie'den kaynaklandı. Aralık 1996'da CSS, W3C tarafından bir spesifikasyon haline getirildi ve bugün web geliştiricilerinin web sayfalarının düzenini ve görünümünü değiştirmelerine izin veriyor. Örneğin, CSS, belirli HTML öğesinde kullanılan yazı tipini, boyutunu ve rengini değiştirmek için kullanılabilir. Tek bir CSS dosyası, bir geliştiricinin tüm sayfaların görünümünü aynı anda değiştirmesine izin veren birden fazla sayfaya bağlanabilir.

Aşağıdaki kutu, yazı tiplerini, köprü renklerini ve fare imleci üzerine geldiğinde bağlantının rengini tanımlamak için CSS kodunun kullanımına ilişkin temel bir örnek içerir. Bu özel örnekte, herhangi bir yeni sınıf veya kimlik seçici oluşturmak yerine yalnızca HTML etiketlerini ve değiştiriyoruz.

gövde {font: normal% 100 "trebuchet ms", Arial, Helvetica, sans-serif; } a {renk: # 000000; } A: ziyaret edilen {color: # 005177; } a: vurgulu {renk: # 005177; }

Yukarıdaki kutudaki CSS kodu, aşağıdaki kod kullanılarak bir sayfanın HTML'sinin baş bölümüne eklenebilir. Ancak, bu işlemi gerçekleştirmenin bu değişiklikleri yalnızca tek bir sayfaya uyguladığını unutmayın.

CSS kodunu birden çok sayfada kullanmak istiyorsanız, kodu ayrı bir CSS dosyasında saklamanızı ve ardından her sayfaya yüklemenizi öneririz. Örneğin, bu sayfanın ilk kutusunda gösterilen CSS kodu.css dosya uzantılı bir dosyaya kopyalanabilir ve yapıştırılabilir.

İpucu

CSS dosyası, herhangi bir metin düzenleyicisi veya hatta Windows kullanıyorsanız Not Defteri kullanılarak oluşturulabilir.

Dosya kaydedildikten sonra, etiketi kullanarak HTML kodunun başına bağlanmalıdır. Aşağıdaki kutu, kullanımda olan bu öğenin bir örneğini göstermektedir.

  • URL veya css dosyasının yolu burada ">

    Example.css dosyasını CSS olarak adlandırdıysanız ve dosya yüklendiği HTML dosyasıyla aynı dizindeyse, aşağıdaki satır CSS dosyasını bağlar.

    CSS3 yerini CSS sürümü (Basamaklı Stil Sayfaları) 'dir CSS2. Sayfa düzeni ve sunumu ile daha fazla esneklik sağlayan yeni seçiciler ve özellikler sunar. Box-shadow özelliği (bir öğeye alt gölge eklenmesine izin verir) gibi bazı güncellemeler, görsel efektlerin özel görüntüler oluşturmaya gerek kalmadan uygulanmasına izin verir.