一:
1) @是CSS的一种选择符,有很多应用场景。
最常用的使用场景是用来引用其他的CSS文件,是以@import开始的,例如想在main.css里面应用style.css,那么直接用@import style.css就可以了。
此外,还有一种使用场景是媒体选择,它是以@media开始的,表示在不同媒介条件下的样式。
当你想做响应式的页面布局
时,例如希望当浏览器的宽度小于1000px时,网页背景变成黑色,就可以用下面的方法:
@media screen and (max-width: 1000px)
{
body {background;black}
}
2) 这些在CSS中都称为at-rules
。你看到的以# .
开头的,是选择器
;而用@开头
的,是css里的功能类的标志符而不是个选择器。需要特别注意的是,虽然这些关键字都是“以@开头”,但并不是说这里有个“以@开头”的规则,而是和后边出现的单词连在一起作为一个有特殊且明确功能的保留关键字整体出现
(如“@media”,“@keyframes”等),切不可割裂的去看。