这个css里的@是什么意思呢?跟.和#有什么区别呢?
这个是CSS3中的定义动画中关键帧的方法
@keyframes通过指定动画中特定时间点必须展现的关键帧样式(或者说停留点)来控制CSS动画的中间环节。
这让开发者能够控制动画中的更多细节而不是全部让浏览器自动处理。
详细的可以看:https://developer.mozilla.org...
上面代码的含义就是
0%, 50%和100%的关键帧中定义了页面垂直移动元素。
跟.和#的区别
. 类选择器 类选择器能够对使用多次
# id选择器 ID选择器只能在文档中使用一次
.stress{
color:red;
}
.bigsize{
font-size:25px;
}
#big {font-weight:bold;}
<span class="stress bigsize" id="big">你好,世界</span>
楼主既然问到选择器,是不是想问@import样式?
@import导入外部样式用的,可以在<style></style>中导入引入外部样式表,也可以在一个样式表中引入另一个样式表
例如:在css中导入多个外部样式:
@import url("1.css");
@import url("2.css");
@import url("3.css");
你看到的以#.开头的,是选择器;而用@开头的,是css里的功能类的标志符而不是个选择器。这里给你个css里功能类关键字的参考,这里需要特别注意的是,虽然这些关键字都是“以@开头”,但并不是说这里有个“以@开头”的规则,而是和后边出现的单词连在一起作为一个有特殊且明确功能的保留关键字整体出现(如“@media”,“@keyframes”等),切不可割裂的去看。
27 回答12.8k 阅读
8 回答3.3k 阅读✓ 已解决
6 回答938 阅读✓ 已解决
5 回答5.1k 阅读✓ 已解决
4 回答1.5k 阅读✓ 已解决
3 回答1.7k 阅读
4 回答2k 阅读✓ 已解决
css3 的keyframe不就是前面有@ 难道还能换其他?这我倒是没深究。