我偶然發現了這個問題，發現用戶使用的是我從未見過的符號：@font-face { /* CSS HERE */}那么，這個@符號在CSS3中是新出現的，還是在某種程度上被我忽略的舊事物？這是否類似于您使用ID #和使用類的位置.？Google沒有給我任何與此相關的好文章。@CSS中符號的目的是什么 ？
3 回答
慕無忌1623718
TA貢獻1744條經驗 獲得超4個贊
@自@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規則與媒體查詢（以前僅是媒體類型）一起，根據顯示頁面所用的媒體來控制應用哪種樣式，以及哪種樣式不是基于該樣式。在我的代碼示例中，僅當打印文檔時，才應設置所有文本黑色，白色（紙張）背景。您可以使用媒體查詢來過濾出打印媒體，移動設備等，并為這些頁面設置樣式。
規則與選擇器沒有任何關系。由于其性質各異，因此在眾多不同模塊中以不同方式定義了不同的規則。更多示例包括：
條件規則
關鍵幀動畫
分頁媒體
（此列表并非詳盡無遺）
您可以在MDN上找到另一個非詳盡列表。
冉冉說
TA貢獻1877條經驗 獲得超1個贊
ProBoards CSS樣式也將這些用作變量。
這是他們的CSS頁面中的一小段：
@wrapper_width: 980px;
@link_color: #c06806;
@link_font: 100% @default_forum_text_font_family;
@link_decoration: none;
#wrapper { width: @wrapper_width; margin: 0 auto; overflow-x: hidden; }
table { table-layout: fixed; }
a { cursor: pointer; color: @link_color; font: @link_font; text-decoration: @link_decoration; }
注意：不是本機，請參閱第一個評論。
- 3 回答
- 0 關注
- 1929 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消