Ben sadece this question rastladım ve kullanıcı daha önce hiç görmediğim bir gösterimde olduğunu fark ettim:

@font-face {
   /* CSS HERE */
}

Yani bu @ sembol bir şeyler CSS3, ya da eski bir şey, yeni bir şekilde gözden kaçırdığım? Bu bir KİMLİK ile bulunduğu gibi # ve bir sınıf ile kullanın . kullanın. Google bana daha iyi yazılar buna bağlı olarak vermedi. CSS @ sembolü amacı nedir?

@ olmuştur etrafında itibaren gün sayısı @import CSS1, rağmen tartışmalı hale giderek daha yaygın son @media (CSS2, CSS3) ve @font-face (CSS3) oluşturur. @ sözdizimi kendisi olsa da, bahsettiğim gibi, yeni bir şey değil.

Bu CSS olarak bilinir-kurallar. Onlar özel talimatlar için tarayıcı, doğrudan ilişkisi stil (X)HTML/XML öğeleri Web belgeleri kullanarak kurallar ve özellikler, ancak onlar oynamak önemli rolleri kontrol stilleri nasıl uygulanır.

Bazı kod örnekleri:

/* Import another stylesheet from within a stylesheet */
@import url(style2.css);

/* Apply this style only for printing */
@media print {
    body {
        color: #000;
        background: #fff;
    }
}

/* Embed a custom web font */
@font-face {
    font-family: 'DejaVu Sans';
    src: local('DejaVu Sans Regular'), url(/fonts/DejaVuSans.ttf);
}

• @font-face rules özel yazı tipleri tanımlamak için kullanılan kendi tasarımları olan değil her zaman kullanılabilir tüm bilgisayarlar, bu yüzden bir tarayıcı yüklemeler yazı tipi sunucu ve ayarlar metin içinde özel yazı tipi gibi kullanıcının bilgisayar vardı yazı.

• @media rules, media queries (eskiden sadece media types) ile birlikte, sayfa görüntülenen ediliyor ne dayalı olmayan uygulanan denetim ve. Bir belge yazdırma tüm metin (kağıt) beyaz bir arka plan üzerinde siyah ayarlanmalıdır benim tek kod örneği,. Medya sorguları yazılı medya, mobil cihazlar ve Benzerleri, ve stil sayfaları farklı olanlar için filtrelemek için kullanabilirsiniz.

-Kuralları 20* *ilgisi yoktur. Değişen doğası nedeniyle, farklı kurallar birçok farklı modüller arasında farklı şekillerde tanımlanmıştır. Daha fazla örnek vardır:

• Conditional rules
• Keyframe animations
• Paged media

(bu liste ayrıntılı uzaktır)

MDN kapsamlı olmayan bir listesi bulabilirsiniz.