StunningCSS3-learn

《CSS3实用指南》实践练习,知识点包括:

  • 无图的图形效果

       word-wrap
       border-radius
       :after
       HSLA色彩模式
       linear-gradient
       box-shadow,text-shadow
       transform
    
  • 无图的背景技术

       background-size
       border-image,border-image-repeat
       background-clip
       @font-face
    
  • 属性选择器

       [attr$=val]
       [attr*=val]
    
  • 伪类实现目标区域高亮显示

       :nth-child()
       :nth-of-type()
       :target
       counter-reset,counter-increment,content
       animation
    
  • 媒体查询:@media

  • 弹性布局模型

       display:box
       box-orient
       box-flex
       box-direction
       box-align
       box-pack
       box-lines
    
  • 现实可用部分

  • 弹性表单布局

  • 底部区域黏附

  • 弹性布局模型的替代品

    • box-sizing
    • calc
  • 未来的布局系统:模板布局,网格布局