@media
媒体查询
$width-small: 500px;
$width-medium: 800px;
$width-large: 1200px;
section.main {
font-size: 16px; line-height: 1.4;
@media screen and (max-width: $width-large) { float: left; width: 65%; }
@media screen and (max-width: $width-medium) { float: none; width: auto; }
@media screen and (max-width: $width-small) { font-size: 12px; line-height: 1.4; }
}
@keyframes
定义动画
@keyframes fontbulger {
0% {
font-size: 10px;
}
30% {
font-size: 15px;
}
100% {
font-size: 12px;
}
}
#box {
animation: fontbulger 2s infinite;
}
@font-face
引入字体
@font-face {
font-family: <YourWebFontName>;
src: <source> [<format>][,<source> [<format>]]*;
[font-weight: <weight>];
[font-style: <style>];
}