css中 @ 这个符号的用途是?

html-css017

css中 @ 这个符号的用途是?,第1张

@是CSS的一种选择符,它有很多应用场景的,最常用的使用场景是用来引用其他的CSS文件,是以@import开始的,例如想在main.css里面应用style.css,那么直接用@import style.css就可以了。

此外,还有一种使用场景是媒体选择,它是以@media开始的,表示在不同媒介条件下的样式,当你想做响应式的页面布局时,例如希望当浏览器的宽度小于1000px时,网页背景变成黑色,就可以用下面的方法:

@media screen and (max-width: 1000px) {

body {backgroundblack}

}

当你希望用打印机打印网页时呈现某种样式,就可以用@media print 的方法来定义。

@是CSS的一种选择符,有很多应用场景。

最常用的使用场景是用来引用其他的CSS文件,是以@import开始的,例如想在main.css里面应用style.css,那么直接用@import style.css就可以了。

此外,还有一种使用场景是媒体选择,它是以@media开始的,表示在不同媒介条件下的样式。

当你想做响应式的页面布局时,例如希望当浏览器的宽度小于1000px时,网页背景变成黑色,就可以用下面的方法:

@media screen and (max-width: 1000px)

{

body {backgroundblack}

}

@charset定义的是文档编码,例如 @charset "UTF-8"这个要放在第一行

@keyframes定义动画,例如

@keyframes Penguin{

    ...

}

@font-family定义字体家族

@import引入文件

@screen定义场景

有不懂可以追问哦,新春快乐!