目录

• 面试之css篇章
• • css选择器的优先级
  • 为什么使用scss、less预处理器
  • 谷歌浏览器字体如何设置小于12px
  • html5有哪些新特性
  • css3有那些新特性

面试之css篇章

css选择器的优先级

• 顺序如下： !important > 行内样式 > id选择器 > 类名选择器 > 标签选择器 > *通配符
• 类名：包含伪类等！

为什么使用scss、less预处理器

谷歌浏览器字体如何设置小于12px

• 使用 transform:scale() 缩放的形式 去设置小于12px的字体

& > div:nth-child(1) {
    position: relative;
    font-family: PingFangSC-Regular;
    color: #666666;
    letter-spacing: -0.24px;
    text-align: left;
    width: 30px;
    span {
      position: absolute;
      left: -15px;
      top: -5px;
      width: 60px;
      height: 34px;
      display: block;
      font-size: 20px;
      transform: scale(0.5);
    }
  }

html5有哪些新特性

• 01：语义化标签
  • main、header、footer、section、nav、aside等标签
• 02：新增视频 和音频 标签
• 03：新增Canvas绘图
• 04：新增本地存储localStorage、sessionStorage
• 05：新增 Web Worker、WebSocket

css3有那些新特性

• 01：box-shadow 盒子阴影
• 02：text-shadow 文本阴影
• 03：border-radius 盒子圆角
• 04：transform 转换
  • 001：transform:translate() 平移
  • 002：transform:scale() 缩放
  • 003：transform: rotateY(180deg); 旋转
  • 004：transform: skew(180deg) 倾斜
• 05：CSS3 的渐变效果