CSS機器人指令是一種在CSS中用于優化樣式表的指令。這些指令以“@”符號開始,通常放置在樣式表的頂部。它們可以被用來控制樣式表如何加載和渲染,以及如何與HTML文檔交互。
以下是一些常見的CSS機器人指令:
@charset "UTF-8";
這個指令指定了樣式表的字符編碼。它通常是UTF-8,因為它支持世界上幾乎所有的語言。
@import url(http://example.com/style.css);
這個指令告訴樣式表去加載另一個CSS文件。這對于使用多個樣式表或使用CDN來托管樣式表的網站非常有用。
@media screen and (min-width: 480px) {...}
這個指令允許您指定在哪些設備、瀏覽器窗口大小或其他條件下應用樣式。在上面的示例中,樣式只在屏幕寬度大于或等于480像素時應用。
@font-face {...}
這個指令允許您定義自定義字體。您可以將字體文件作為CSS文件的一部分加載,然后在整個站點中使用。
這只是一些常見的CSS機器人指令。有許多其他指令可用,它們可以幫助您更有效地控制樣式表的行為。