CSS3

@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>];
    }