学习笔记：CSS样式入门

• 1. 过度属性是如何使用的？
     transition-duration、transition-timing-function、transition-delay
     运行时间，延迟时间，展开方式
• 2. animation与transition、transform的区别及其应用场景？
     其生效的节点在于加载时，如悬浮、选中会出现这些动效
     ，animation和trasition属于动效
     transform属于静态
• 3. flex的交叉轴指的是哪里？
     指的侧轴
• 4. 背景是如何形成渐变的？

    background: linear-gradient(  
    135deg,  
    transparent,  
    transparent 45%,  
    #dc3912,  
    transparent 55%,  
    transparent 100%  
    ), linear-gradient(45deg, transparent, transparent 45%, #dc3912, transparent  
    55%, transparent 100%);  
    background-size: 0.5em 0.5em;  
    background-repeat: repeat-x, repeat-x;  

-   背景可以添加多个渐变的线，而background-size指的是背景这个单位图片的大小，横向重复  

• 5. 两边展开的过度
  使用transition来实现从0到向两遍展开的效果

• 6. 如何实现圆环？
     ：before和:after进行嵌套之后就可以实现圆环