Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CSS3带来的变化

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
Avatar for w3cplus w3cplus
January 05, 2016

 CSS3带来的变化

CSS3带来的变化

Avatar for w3cplus

w3cplus

January 05, 2016
Tweet

More Decks by w3cplus

Other Decks in Technology

Transcript

  1. CSS3带来的变化 • 选择器 • 圆⾓角、阴影和渐变 • 单位 • 媒体查询 •

    布局 • 颜⾊色 • 动画 • 图标 • 混合模式 • 图形 • 变量与函数 • ⽣生成内容 • 其他
  2. CSS3带来的变化之单位 vmin和vmax 假设viewport的尺⼨寸是1100px( W)* 700px (H),1vmin = 7px, 1vmax =

    11px 假设viewport的尺⼨寸是800px( W)* 1080px (H),1vmin = 8px, 1vmax = 10.8px
  3. CSS3带来的变化之颜色 RGB/RGBA! R -> Red (0~255) G -> Green (0

    ~ 255) B -> Blue (0 ~ 255) A -> alpha (0 ~ 1) HSL/HSLA! H -> hue (any integer) S -> saturation (0% ~ 100%) L -> lightness (0% ~ 100%) A -> alpha (0 ~ 1)