引导者本文目录一览：
css中为什么要把@import放在样式表的最前面?
最常用的使用场景是用来引用其他的CSS文件，是以@import开始的，例如想在main.css里面应用style.css，那么直接用@import style.css就可以了。
和都是HTML标签。用来导入外部的CSS文件，用来在当前页面直接潜入CSS。而@import是CSS中指令，和其他CSS指令一样，写到页面的时候必须放在中。
}// style-import.cssdiv { background： grey；}从顺序上看，内部样式在最下面，被最晚引用，所以 的背景色为 blue。上面代码中，@import 语句必须出现在内部样式之前，否则文件引入无效。
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明： 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
当一个页面被加载的时候（就是被浏览者浏览的时候），link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载。
CSS中的！important一般都是用来做hack的，后面缀上了！important的css语句，让浏览器首选执行这个语句。因为css有继承的样式，加上！importanrt可以覆盖父级的样式。
css3的@keyframes是什么
keyframes属性是css动画功能中的关键帧，将指定时间段内的动画划分的更为精细一些。CSS是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
前面 @keyframes 是表示定义一个关键帧动画，后面 mymove 是你给这个动画取的名字。
keyframes 规定动画。animation 所有动画属性的简写属性，除了 animation-play-state 属性。animation-name 规定 @keyframes 动画的名称。animation-duration 规定动画完成一个周期所花费的秒或毫秒。默认是 0。
@keyframes规则相当于一个命名空间，后面跟一个名词，如果在class中的animation-name定义了与之对应的name就可以执行动画。animation-duration属性animation-duration属性用于指定执行一个周期动画应该花多长时间。
使用animation动画属性，最重要的就是配合有“关键帧”——@keyframes 样式设置如下：这样的设置，就是将1s分为3帧，每帧显示不同的背景颜色，然后动画效果只显示1次。
@keyframes规则。from{属性：值；} to{属性：值；}。0%{属性：值；} 100%{属性：值；}0% 是动画的开始，100% 是动画的完成。可以在二者之间加入25%，50%等。
css中@face-face规则字体路径怎么不显示
首先将css字体放到项目路径下。其次在HTML页面中引入字体。最后利用CSS的@font-face属性引入外部字体，找到css字体路径即可。
如果你到 C：/Windows/Fonts 下将 Fixedsys 复制出来，你会发现它的后缀是 fon。但浏览器都不支持这种字体格式，所以不予显示。如果你就是要使用这个字体，那只能用 @font-face。
font-face的是一个CSS规则，允许你输入自己的字体出现在网站上，即使在特定的字体在访问者的计算机上没有安装。这条规则最重要的是，它为设计师打开了一个全新的世界。您可以使用任何你喜欢的字体。
