我偶然發現了這個問題，發現用戶使用的是我從未見過的符號：@font-face { /* CSS HERE */}那么，這個@符號在CSS3中是新出現的，還是在某種程度上被我忽略的舊事物？這是否類似于您使用ID #和使用類的位置.？Google沒有給我任何與此相關的好文章。@CSS中符號的目的是什么 ？
3 回答
躍然一笑
TA貢獻1826條經驗 獲得超6個贊
@自@importCSS1誕生以來，它就已經存在了，盡管可以說在最近的@mediaCSS2，CSS3和@font-faceCSS3結構中它變得越來越普遍。該@語法本身，不過，正如我所說，是不是新的。
這些在CSS中都稱為at-rules。它們是瀏覽器的特殊說明，盡管它們在控制樣式的應用方面起著重要作用，但它們與使用規則和屬性對Web文檔中（X）HTML / XML元素的樣式沒有直接關系。
一些代碼示例：
/* 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規則定義了并非總是在所有計算機上都可用的供設計中使用的自定義字體，因此瀏覽器從服務器下載字體，并以該自定義字體設置文本，就像用戶計算機具有該字體一樣。
@media規則與媒體查詢（以前僅是媒體類型）一起，根據顯示頁面所用的媒體來控制應用哪種樣式，以及哪種樣式不是基于該樣式。在我的代碼示例中，僅當打印文檔時，才應設置所有文本黑色，白色（紙張）背景。您可以使用媒體查詢來過濾出打印媒體，移動設備等，并為這些頁面設置樣式。
規則與選擇器沒有任何關系。由于其性質各異，因此在眾多不同模塊中以不同方式定義了不同的規則。
- 3 回答
- 0 關注
- 1449 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消