hgq's docs
主页
ES6-阮一峰 (opens new window)
Vue文档 (opens new window)
Axios文档 (opens new window)
Vue Router (opens new window)
Vuex文档 (opens new window)
面试题-Vue (opens new window)
面试题-JS (opens new window)

guoguoqiqi

漫不经心的向往
主页
ES6-阮一峰 (opens new window)
Vue文档 (opens new window)
Axios文档 (opens new window)
Vue Router (opens new window)
Vuex文档 (opens new window)
面试题-Vue (opens new window)
面试题-JS (opens new window)
  • 怎么解决移动端1px问题
  • 说一说对BFC的理解
  • CSS的盒子模型
  • 说一说对flex布局的认识
  • 网格布局
  • 伪类选择器和伪元素
  • 怎么实现响应式布局
  • css中的选择器有哪些、哪些可以继承
  • 如何做移动端适配
  • 如何清除浮动
  • em、rem区别
  • display none与visibility hidden的区别
  • z-index失效的场景
  • 在页面上隐藏元素的方法有哪些
  • css选择器中first-child与first-of-type的区别
  • 用css绘制三角形及其原理
  • 说一说box-sizing属性
  • 说一说水平垂直居中的布局方法
  • CSS 常见布局方式
  • CSS3的新特性有哪些
    • 圣杯布局和双飞翼布局
    • inline、block、inline-block这三个属性值有什么区别
    • 说一说css的预处理器
    • 如果要做优化,CSS提高性能的方法有哪些
    • CSS3常见动画有哪些
    • 怎样画一条0点5px的线
    • CSS
    guoguoqiqi
    2022-03-01

    CSS3的新特性有哪些

    # 边框(borders):

    • border-radius 圆角
    • box-shadow 盒阴影
    • border-image 边框图像

    # 背景:

    • background-size 背景图片的尺寸
    • background_origin 背景图片的定位区域
    • background-clip 背景图片的绘制区域

    # 渐变:

    • linear-gradient 线性渐变
    • radial-gradient 径向渐变

    # 文本效果:

    • word-break
    • word-wrap
    • text-overflow
    • text-shadow
    • text-wrap
    • text-outline
    • text-justify

    # 转换:

    # 2D转换属性

    • transform
    • transform-origin

    # 2D转换方法

    • translate(x,y)
    • translateX(n)
    • translateY(n)
    • rotate(angle)
    • scale(n)
    • scaleX(n)
    • scaleY(n)
    • rotate(angle)
    • matrix(n,n,n,n,n,n)

    # 3D转换:

    # *3D转换属性:

    • transform
    • transform-origin
    • transform-style

    # 3D转换方法

    • translate3d(x,y,z)
    • translateX(x)
    • translateY(y)
    • translateZ(z)
    • scale3d(x,y,z)
    • scaleX(x)
    • scaleY(y)
    • scaleZ(z)
    • rotate3d(x,y,z,angle)
    • rotateX(x)
    • rotateY(y)
    • rotateZ(z)
    • perspective(n)

    # 过渡

    • transition

    # 动画

    • @Keyframes规则
    • animation

    # 弹性盒子(flexbox)

    # 多媒体查询@media

    ← CSS 常见布局方式 圣杯布局和双飞翼布局→

    最近更新
    01
    vuex数据持久化怎么做
    05-22
    02
    vue的动态路由怎么配置使用
    05-22
    03
    vue权限控制一般怎么做
    05-22
    更多文章>
    Theme by Vdoing | Copyright © 2022-2022 Guoquoqiqi | MIT License
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式