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